Repository navigation
Image Block: Visual jerk/flash when changing style to "Rounded" #77830
Description
Description
Description:
When changing the style of an Image block from "Default" to "Rounded", there is a noticeable visual glitch/jerk in the editor. The image briefly renders as a full circle (fully rounded) before abruptly snapping to slightly rounded corners.
Step-by-step reproduction instructions
Step-by-step reproduction instructions:
Open the block editor and add an Image block.
Select an image.
In the block settings sidebar, switch the Style from "Default" to "Rounded".
Observe the image border-radius.
Expected behavior:
The image should change to the rounded style instantly (or smoothly) without any intermediate flashing or jerky state.
Actual behavior:
The image shows a visual jerk. It first becomes fully rounded (as a circle/pill) for a split second, and then immediately transitions/snaps to having only slightly rounded corners.
Screenshots, screen recording, code snippet
original image
glitch/jerk Image
After select image
Environment info
Environment Info:
WordPress version:7.0
Gutenberg Plugin version: trunk
Browser: Chrome
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
Activity
hbhalodia commentedon Apr 30, 2026
Hi @vishnupprajapat, Could you please share any screencast on how you were able to reproduce the issue? On my end I am unable to reproduce the issue with the above mentioned steps.
Thanks,
vishnupprajapat commentedon Apr 30, 2026
@hbhalodia Here is the screencast attached for reference.
WordPress.Updates.Custom.Gutenberg.Blocks.WordPress.mp4
DarkMatter-999 commentedon May 6, 2026
Hi @vishnupprajapat,
I was unable to reproduce the issue on my end using the steps provided.
I would suggest updating your environment to the latest trunk version, as you might be user an older version the current version is 7.1-alpha. Additionally, the rounded image option sets the border-radius to 50%, whereas in the video you shared, the effect looks much less pronounced. This suggests there might be an active plugin or theme conflict affecting the block rendering. Could you please check if there are any other plugins or custom styles affecting the Image block?
Here is what I see at my end:
image-block-jitter.mov
Environment
vishnupprajapat commentedon May 6, 2026
Hey @DarkMatter-999,
I forgot to mention the theme details.
Environment
WordPress: 7.1-alpha-62191
PHP: 8.3.30
Server: Apache/2.4.66 (Debian)
Database: mysqli
Browser: Chrome 146.0.0.0
OS: Ubuntu Linux
Theme
MU Plugins
Plugins
anisur2805 commentedon May 22, 2026
Tested on Gutenberg trunk as of [today's date] —
cannot reproduce this anymore. The style switch from
Default to Rounded appears smooth with no visual flash.
Environment:
DarkMatter-999 commentedon May 23, 2026
Hi @anisur2805,
Thanks for testing! 🙌
The reason you might not be seeing the issue on your current setup is that this visual jitter is highly theme-dependent.
In themes like Twenty Twenty-Four, the theme overrides the default Gutenberg
border-radius: 9999pxcircle with a different customborder-radius(like20px). The browser briefly paints the circle before snapping to the theme's style. If your local test environment is using a theme that does not override border-radius the flash won't be visible.Could you try switching your test environment to the Twenty Twenty-Four theme? 😇
anisur2805 commentedon May 24, 2026
Hello @DarkMatter-999
I tested it with the Twenty Twenty-Four theme as well, and the issue is still reproducible there on my side. Interestingly, I could not reproduce it with Twenty Twenty-Five, Twenty Twenty-Three, or Twenty Twenty-Two — those themes seem to handle the transition correctly.
ozgursar commentedon Jun 11, 2026
Hello, I tested with both Twenty Twenty-Five and Twenty Twenty-Four and the jitter occurs when using Twenty Twenty-Four theme.
Reproduction Report
Environment
Steps taken
Screenshots/Screencast with results
rounded-border-jitter-test.mp4
github-actions commentedon Jul 12, 2026
Hi,
This issue has gone 30 days without any activity. This means it is time for a check-in to make sure it is still relevant. If you are still experiencing this issue with the latest versions, you can help the project by responding to confirm the problem and by providing any updated reproduction steps.
Thanks for helping out.