singlexyz/ChatGPT-Next-Web
1
0
Fork 0
forked from XiaoMo/ChatGPT-Next-Web
Code Pull Requests Activity

fix: #1273 overlap detecting

Browse Source
This commit is contained in:
Yidadaa 2023-05-05 22:59:21 +08:00
parent 4b9d753254
commit fe8e3f2bcf
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/components/markdown.tsx
View File

@ -82,10 +82,12 @@ export function Markdown(
const parentBounds = parent.getBoundingClientRect(); const parentBounds = parent.getBoundingClientRect();
const twoScreenHeight = Math.max(500, parentBounds.height * 2); const twoScreenHeight = Math.max(500, parentBounds.height * 2);
const mdBounds = md.getBoundingClientRect(); const mdBounds = md.getBoundingClientRect();
const isInRange = (x: number) => const parentTop = parentBounds.top - twoScreenHeight;
x <= parentBounds.bottom + twoScreenHeight && const parentBottom = parentBounds.bottom + twoScreenHeight;
x >= parentBounds.top - twoScreenHeight; const isOverlap =
inView.current = isInRange(mdBounds.top) || isInRange(mdBounds.bottom); Math.max(parentTop, mdBounds.top) <=
Math.min(parentBottom, mdBounds.bottom);
inView.current = isOverlap;
} }
if (inView.current && md) { if (inView.current && md) {