Skip to content

fix(accessibility): respect reduced motion in animated components - #27

Open
phh235 wants to merge 1 commit into
DavidHDev:mainfrom
phh235:fix/respect-reduced-motion
Open

fix(accessibility): respect reduced motion in animated components#27
phh235 wants to merge 1 commit into
DavidHDev:mainfrom
phh235:fix/respect-reduced-motion

Conversation

@phh235

@phh235 phh235 commented Aug 4, 2026

Copy link
Copy Markdown
Contributor

What does this PR do?

  • Respect prefers-reduced-motion across animated components.
  • Pause timers and animations when the document is hidden.
  • Improve cleanup for preview videos and async font loading.
  • Handle empty image/reel states safely.
  • Keep pointer coordinates accurate after resize and scroll.

These changes improve accessibility, performance, and component lifecycle handling.

Type of change

  • Component improvement

Checklist

  • npx tsc --noEmit passes
  • npm run lint passes
  • npm run build passes
  • Tested in Chrome (with the html-in-canvas flag, if relevant)
  • Tested the WebGL overlay fallback (flag off / Safari / Firefox), if a component changed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant