Yimaru/Yimaru-Admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve human language scroll restore on refresh

Browse Source 
Retry scroll restoration until the page is tall enough so refreshes restore to the saved position smoothly, while keeping reduced-motion fallback.

Made-with: Cursor
This commit is contained in:
Yared Yemane 2026-04-15 04:34:34 -07:00
parent 1f0046a8ee
commit df8dae047f
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/pages/content-management/HumanLanguagePage.tsx
View File

@ -462,8 +462,19 @@ export function HumanLanguagePage() {
const restoreBehavior = window.matchMedia("(prefers-reduced-motion: reduce)").matches
? "auto"
: "smooth"
window.requestAnimationFrame(() => window.scrollTo({ top: targetY, behavior: restoreBehavior }))
setTimeout(() => window.scrollTo({ top: targetY, behavior: restoreBehavior }), 250)
let attempts = 0
const maxAttempts = 14
const tryRestore = () => {
if (cancelled) return
const maxScrollableY = Math.max(0, document.documentElement.scrollHeight - window.innerHeight)
if (maxScrollableY >= targetY || attempts >= maxAttempts) {
window.scrollTo({ top: targetY, behavior: restoreBehavior })
return
}
attempts += 1
window.setTimeout(tryRestore, 180)
}
window.requestAnimationFrame(tryRestore)
}
} catch (error) {
console.error("Failed to load human-language hierarchy:", error)