Skip to content

Fix: ProgressBar animation respects prefers-reduced-motion#77051

Draft
Kallyan01 wants to merge 2 commits into
WordPress:trunkfrom
Kallyan01:fix/progress-bar-prefers-reduced-motion
Draft

Fix: ProgressBar animation respects prefers-reduced-motion#77051
Kallyan01 wants to merge 2 commits into
WordPress:trunkfrom
Kallyan01:fix/progress-bar-prefers-reduced-motion

Conversation

@Kallyan01
Copy link
Copy Markdown

The animation in ProgressBar continued to play even when prefers-reduced-motion was set. This change wraps the animation and transition properties in an '@media not (prefers-reduced-motion)' block to correctly disable them.

What?

Closes #76926

Why?

How?

Testing Instructions

Testing Instructions for Keyboard

Screenshots or screencast

Before After

Use of AI Tools

The animation in ProgressBar continued to play even when prefers-reduced-motion
was set. This change wraps the animation and transition properties in an
'@media not (prefers-reduced-motion)' block to correctly disable them.
@github-actions github-actions Bot added the [Package] Components /packages/components label Apr 6, 2026
@github-actions
Copy link
Copy Markdown

github-actions Bot commented Apr 6, 2026

👋 Thanks for your first Pull Request and for helping build the future of Gutenberg and WordPress, @Kallyan01! In case you missed it, we'd love to have you join us in our Slack community.

If you want to learn more about WordPress development in general, check out the Core Handbook full of helpful information.

@github-actions github-actions Bot added the First-time Contributor Pull request opened by a first-time contributor to Gutenberg repository label Apr 6, 2026
@t-hamano t-hamano added the [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). label Apr 7, 2026
@github-actions
Copy link
Copy Markdown

github-actions Bot commented Apr 7, 2026

Warning: Type of PR label mismatch

To merge this PR, it requires exactly 1 label indicating the type of PR. Other labels are optional and not being checked here.

  • Required label: Any label starting with [Type].
  • Labels found: [Focus] Accessibility (a11y), [Package] Components, First-time Contributor.

Read more about Type labels in Gutenberg. Don't worry if you don't have the required permissions to add labels; the PR reviewer should be able to help with the task.

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

Labels

First-time Contributor Pull request opened by a first-time contributor to Gutenberg repository [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). [Package] Components /packages/components

Projects

None yet

Development

Successfully merging this pull request may close these issues.

ProgressBar doesn't respect prefers-reduce-motion settings

2 participants