CSS rendering issue with clear reproduction steps and maintainer confirmation.
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.
When using WP 7.0 my popovers' contents sometimes remain blurry after opening (more often than not).
Here's a blurry popover:
If I inspect the element and remove the CSS .components-popover { will-change: transform; } it stops being blurry:
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.
I can reproduce in Chrome 142 in the playground: https://playground.wordpress.net/?php=8.3&wp=beta&networking=yes&language=&multisite=no
No response
No response
Claim this issue to let others know you're working on it. You'll earn 10 points when you complete it!