Skip to content

Popover: Update animation#74082

Merged
mirka merged 3 commits intotrunkfrom
popover-motion
Dec 18, 2025
Merged

Popover: Update animation#74082
mirka merged 3 commits intotrunkfrom
popover-motion

Conversation

@mirka
Copy link
Member

@mirka mirka commented Dec 17, 2025

What?

Part of ##74079

Updates the animation of Popover to the new motion specs.

Affected @wordpress/components

  • Autocomplete
  • BorderControl
  • CircularOptionPicker (With DropdownLinkAction)
  • ColorPalette
  • Dropdown
  • DropdownMenu
  • PaletteEdit

Why?

Animation like this is inconsistent throughout the component system, and sometimes feels a bit laggy. We need a refreshed animation that can be applied globally.

Testing Instructions

Much of the block editor will feel changed, so check how things feel there.

For isolated testing, see the affected components in Storybook.

Screenshots or screencast

Before

before.mov

After

after.mov

@mirka mirka requested a review from ajitbohra as a code owner December 17, 2025 20:52
@github-actions github-actions bot added the [Package] Components /packages/components label Dec 17, 2025
@github-actions
Copy link

github-actions bot commented Dec 17, 2025

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: mirka <[email protected]>
Co-authored-by: jasmussen <[email protected]>
Co-authored-by: juanfra <[email protected]>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

@github-actions
Copy link

Flaky tests detected in f566317.
Some tests passed with failed attempts. The failures may not be related to this commit but are still reported for visibility. See the documentation for more information.

🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/20316980851
📝 Reported issues:

@mirka mirka requested review from a team December 17, 2025 22:34
Copy link
Contributor

@jasmussen jasmussen left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm a big fan, much snappier. I'll defer to others with strong opinions, and for a dev check, but a quick 👍 👍 from my end.

@juanfra juanfra added the [Type] Enhancement A suggestion for improvement. label Dec 18, 2025
Copy link
Member

@juanfra juanfra left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Big fan of this change as well! I've tested on my local, and the separate components in Storybook.

The animations look great in the context of the editor. The new timing feels much more subtle and polished. The code looks good to me as well ✅

popover-animation.mp4

@mirka mirka merged commit d8b830c into trunk Dec 18, 2025
42 of 44 checks passed
@mirka mirka deleted the popover-motion branch December 18, 2025 11:36
@github-actions github-actions bot added this to the Gutenberg 22.4 milestone Dec 18, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

[Package] Components /packages/components [Type] Enhancement A suggestion for improvement.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants