CoastalCommits/CoastalCommitsPastes
CoastalCommits/CoastalCommitsPastes
2
1
Fork 0
forked from CoastalCommitsArchival/github.com-MaxLeiter-drift
Code Pull requests Activity Actions

client: respect reduce motion when auto-scrolling

Browse source
This commit is contained in:
Max Leiter 2022-03-25 14:43:39 -07:00
parent 945d3fbe63
commit 9d9f2d98a7
No known key found for this signature in database
GPG key ID: A3512F2F2F17EBDA
1 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
client/components/scroll-to-top/index.tsx
View file

@ -14,10 +14,11 @@ const ScrollToTop = () => {
return () => window.removeEventListener('scroll', handleScroll) return () => window.removeEventListener('scroll', handleScroll)
}, []) }, [])
const isReducedMotion = typeof window !== 'undefined' ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : false
const onClick = (e: React.MouseEvent<HTMLButtonElement>) => { const onClick = (e: React.MouseEvent<HTMLButtonElement>) => {
// blur the button // blur the button
e.currentTarget.blur() e.currentTarget.blur()
window.scrollTo({ top: 0, behavior: 'smooth' }) window.scrollTo({ top: 0, behavior: isReducedMotion ? 'auto' : 'smooth' })
} }
return ( return (