Gutenberg plugin: changes to RTL image margin CSS breaking layout

[kdevnel]

Quick summary

It appears that the latest Gutenberg plugin makes changes to default styles for image margins, and in this specific case that appears to break a page layout without an obvious solution.

Steps to reproduce

1. Add columns block
2. Insert images into the column blocks
3. Toggle Gutenberg on and off to see the difference in styles

What you expected to happen

The styles shouldn't have changed in this way

What actually happened

It appears that the images are no longer having some margin styles applied:

Without Gutenberg:

With Gutenberg 13.5.0:

Context

5321874-zd-woothemes

Simple, Atomic or both?

No response

Theme-specific issue?

No response

Browser, operating system and other notes

No response

Reproducibility

Consistent

Severity

Some (< 50%)

Available workarounds?

Yes, difficult to implement

Workaround details

Only workaround I could think of involves CSS, something like this:

.wp-block-column figure {
  margin: 0;
    margin-bottom: 0px;
}

[Greatdane]

📌 SCRUBBING

• Tested on Simple ✅
• Tested on AT ✅
• Tested on Self-hosted ✅
• Replicable on Core - No

📌 FINDINGS/SCREENSHOTS/VIDEO

• I can replicate only on Atomic.
• Self-hosted with Version 13.5.2 seems to show no changes.

📌 ACTIONS

• Marked as Triaged for Quality Squad review

[Greatdane]

Asked for more eyes here;
p1656558063049479-slack-CBTN58FTJ

[Greatdane]

Closing this as it relates to the broader issue here; #64964