GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2025-12-20 03:14:06 -06:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

refactor: remove requestAnimationFrame and highlight delay from scrollInContainerToElement

Browse Source
This commit is contained in:
neerajadhav 2025-07-08 18:21:14 +05:30
parent d6219339ef
commit 4db33faff7
2 changed files with 11 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
quartz/components/scripts/popover.inline.ts
View File

@ -130,7 +130,7 @@ async function mouseEnterHandler(
const targetID = `popover-internal-${el.id}` const targetID = `popover-internal-${el.id}`
el.id = targetID el.id = targetID
}) })
const elts = Array.from(html.getElementsByClassName("popover-hint")) const elts = [...html.getElementsByClassName("popover-hint")]
if (elts.length === 0) return if (elts.length === 0) return
elts.forEach((elt) => popoverInner.appendChild(elt)) elts.forEach((elt) => popoverInner.appendChild(elt))

25
quartz/components/scripts/util.ts
View File

@ -161,20 +161,15 @@ export function scrollInContainerToElement(
highlight: boolean = true, highlight: boolean = true,
behavior: ScrollBehavior = "instant", behavior: ScrollBehavior = "instant",
) { ) {
// Use requestAnimationFrame to ensure content is rendered before scrolling // Scroll immediately, since content should already be rendered in a static site
requestAnimationFrame(() => { const targetPosition = target.offsetTop - buffer
const targetPosition = target.offsetTop - buffer container.scroll({
container.scroll({ top: Math.max(0, targetPosition),
top: Math.max(0, targetPosition), behavior,
behavior,
})
// Add highlight effect if requested
if (highlight) {
// Small delay to ensure scroll completes before highlighting
setTimeout(() => {
highlightElement(target)
}, 50)
}
}) })
// Add highlight effect if requested
if (highlight) {
highlightElement(target)
}
} }