External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(post): prevent quote hover highlight on op cards

Browse Source
This commit is contained in:
plebeius
2026-02-10 16:26:05 +08:00
parent 223ec4c494
commit b8546a86c5
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/reply-quote-preview/reply-quote-preview.tsx
+8
View File
@@ -19,6 +19,7 @@ interface ReplyQuotePreviewProps {
const handleQuoteHover = (cid: string, onElementOutOfView: () => void) => { const handleQuoteHover = (cid: string, onElementOutOfView: () => void) => {
const targetElements = document.querySelectorAll(`[data-cid="${cid}"]`); const targetElements = document.querySelectorAll(`[data-cid="${cid}"]`);
const isOpElement = (element: HTMLElement) => element.getAttribute('data-post-cid') === cid;
const isInViewport = (element: HTMLElement) => { const isInViewport = (element: HTMLElement) => {
const bounding = element.getBoundingClientRect(); const bounding = element.getBoundingClientRect();
@@ -35,6 +36,13 @@ const handleQuoteHover = (cid: string, onElementOutOfView: () => void) => {
targetElements.forEach((element) => { targetElements.forEach((element) => {
const htmlElement = element as HTMLElement; const htmlElement = element as HTMLElement;
if (isInViewport(htmlElement)) { if (isInViewport(htmlElement)) {
// Never apply quote-hover highlight styles to OP cards.
if (isOpElement(htmlElement)) {
htmlElement.classList.remove('highlight', 'double-highlight');
anyInView = true;
return;
}
const hasHighlight = Array.from(htmlElement.classList).some((className) => className.includes('highlight') && !className.includes('double-highlight')); const hasHighlight = Array.from(htmlElement.classList).some((className) => className.includes('highlight') && !className.includes('double-highlight'));
if (hasHighlight) { if (hasHighlight) {
htmlElement.classList.remove('highlight'); htmlElement.classList.remove('highlight');