Skip to main content
GoodFirstPicks
DashboardIssuesReposLeaderboard

GoodFirstPicks by Leaveitblank © 2026

CreatorRequest a RepoPrivacy PolicyTerms of Service
Popovers are sometimes blurry in WP 7.0 | GoodFirstPicks

Popovers are sometimes blurry in WP 7.0

WordPress/gutenberg 4 comments 1d ago
View on GitHub
lowopenScope: clearSkill match: yesTest focusedWordPressJavaScriptReact

Why this is a good first issue

CSS rendering issue with clear reproduction steps and maintainer confirmation.

AI Summary

Popovers appear blurry due to `will-change: transform` CSS property. The issue is reproducible and maintainers have confirmed the problem. Solution involves adjusting CSS properties for better rendering.

Issue Description

Description

When using WP 7.0 my popovers' contents sometimes remain blurry after opening (more often than not).

Here's a blurry popover:

Image

If I inspect the element and remove the CSS .components-popover { will-change: transform; } it stops being blurry:

Image

Anybody else experience it?

It appears the will-change: transform was added a while ago here https://github.com/WordPress/gutenberg/pull/46187 , not sure what changed since then. The purpose was to prevent repainting when scrolling, but with will-change: transform removed it still won't repaint the popover when scrolling, so maybe the rule .components-popover.is-positioned { will-change: initial; } or something can fix it.

Step-by-step reproduction instructions

I can reproduce in Chrome 142 in the playground: https://playground.wordpress.net/?php=8.3&wp=beta&networking=yes&language=&multisite=no

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[Feature] UI ComponentsNeeds Testing

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!

Risk Flags

  • browser-specific rendering
Loading labels...

Details

Points10 pts
Difficultylow
Scopeclear
Skill Matchyes
Test Focusedyes