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

fix: laggy firefox due to replaceState leaking
Some checks failed
/ deploy (push) Failing after 53s
Details

Browse source 
refs: https://bugzilla.mozilla.org/show_bug.cgi?id=1250972

Love me some decade old bugs.
This commit is contained in:
Dariusz Niemczyk 2025-02-13 00:18:19 +01:00
parent c6db42dff0
commit f1caef1058
No known key found for this signature in database
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)
} }
} }
}); });