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