`ProgressBar` doesn't respect `prefers-reduce-motion` settings
WordPress/gutenberg 0 comments 10h ago
lowopenScope: clearSkill match: yesTest focusedWordPressJavaScriptReact
Why this is a good first issue
The issue requires adding a check for `prefers-reduce-motion` in the `ProgressBar` component.
AI Summary
The `ProgressBar` component continues to animate even when `prefers-reduce-motion` is enabled. The fix involves adding a check for this setting and conditionally disabling the animation. No major blockers are apparent.
Issue Description
Description
The animation in ProgressBar continues to play even when prefers-reduce-motion is set by the browser/OS
Step-by-step reproduction instructions
- Visit https://wordpress.github.io/gutenberg/?path=/docs/components-progressbar--docs
- Enable
prefer-reduced-motionsettings, either via OS preferences, or browser dev tools emulation - Observe how the progress bar continues to animate
Screenshots, screen recording, code snippet
No response
Environment info
No response
Please confirm that you have searched existing issues in the repo.
- Yes
Please confirm that you have tested with all plugins deactivated except Gutenberg.
- Yes
Please confirm which theme type you used for testing.
- Block
- Classic
- Hybrid (e.g. classic with theme.json)
- Not sure
GitHub Labels
[Type] Bug
Want to work on this?
Claim this issue to let others know you're working on it. You'll earn 10 points when you complete it!
Loading labels...
ciampo