infra/site
2
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix: laggy firefox due to replaceState leaking #17

Merged
palid merged 1 commit from fix/laggy-firefox into main 2025-02-12 23:30:17 +00:00
Conversation 0 Commits 1 Files changed 1 +9 -2
1 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/nav.tsx
View file

@ -34,14 +34,21 @@ export function Nav({
rootMargin: "-10px", rootMargin: "-10px",
threshold: 0.5, // Adjust the visibility threshold as needed threshold: 0.5, // Adjust the visibility threshold as needed
}; };
let timeout: NodeJS.Timeout | null = null;
const observer = new IntersectionObserver((entries) => { const observer = new IntersectionObserver((entries) => {
if (timeout) {
clearTimeout(timeout);
}
entries.forEach(entry => { entries.forEach(entry => {
const target = entry.target.id as keyof (typeof translations.pl)["nav"] const target = entry.target.id as keyof (typeof translations.pl)["nav"]
if (entry.isIntersecting) { if (entry.isIntersecting) {
setActiveSection(target); setActiveSection(target);
if (history.replaceState) { if (window.location.hash !== `#${target}` && history.replaceState) {
history.replaceState(null, "", `#${target}`); timeout = setTimeout(() => {
history.replaceState(null, "", `#${target}`)
}, 150)
} }
} }
}); });