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(backlinks): scroll to reply and persist highlight when clicking OP backlink

Browse Source
This commit is contained in:
plebeius
2026-02-25 16:18:16 +08:00
parent e241125aac
commit 41f07124c6
2 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/reply-quote-preview/reply-quote-preview.tsx
+11
View File
@@ -71,6 +71,15 @@ const scrollToThreadCardTop = (threadCid: string) => {
return true;
};
const scrollToReplyOnPage = (cid: string) => {
const el = document.querySelector<HTMLElement>(`[data-cid="${cid}"][data-post-cid]`);
if (!el) return false;
el.scrollIntoView({ behavior: 'smooth', block: 'center' });
el.classList.add('scroll-highlight');
setTimeout(() => el.classList.remove('scroll-highlight'), 2000);
return true;
};
const DesktopQuotePreview = ({ backlinkReply, quotelinkReply, isBacklinkReply, isQuotelinkReply, isOP, showTrailingBreak = true }: ReplyQuotePreviewProps) => {
const [hoveredCid, setHoveredCid] = useState<string | null>(null);
const [outOfViewCid, setOutOfViewCid] = useState<string | null>(null);
@@ -126,6 +135,7 @@ const DesktopQuotePreview = ({ backlinkReply, quotelinkReply, isBacklinkReply, i
scrollToThreadCardTop(cid);
return;
}
if (scrollToReplyOnPage(cid)) return;
navigate(threadRoute);
}
};
@@ -242,6 +252,7 @@ const MobileQuotePreview = ({ backlinkReply, quotelinkReply, isBacklinkReply, is
scrollToThreadCardTop(cid);
return;
}
if (scrollToReplyOnPage(cid)) return;
navigate(threadRoute);
}
};