Some FSE themes: Image block doesn't wrap around text

[formosattic]

Quick summary

No response

Steps to reproduce

1. Add text
2. Add Image, set it to align left or right

What you expected to happen

To look like this, image wraps around the text:

What actually happened

Image doesn't wrap, is just on the side of the text:

Tested with Twenty Twenty:

Twenty Twenty Two:

Geologist:

Context

Ticket: 4852453-zd-woothemes

Simple, Atomic or both?

No response

Theme-specific issue?

No response

Browser, operating system and other notes

No response

Reproducibility

No response

Severity

No response

Available workarounds?

No response

Workaround details

If it's an FSE theme, having Post Content nested inside the Group block with Post Title and Post Featured Image will fix it.

[Robertght]

Thank you for reporting this @formosattic ! I tested this further and noticed that the wrapping works ok in a page or a post, but not in the editor:

Also, I've tested this with the Post content block inside and outside the group block and the text wrap around the image:

Are the screenshots above from the frontend or the editor?

[Robertght]

I found a case in #4833757-zen where the gallery block needed to be a Group block. The site is using Blank Cavnas.

[formosattic]

@Robertght, issue happens in the editor and the live view, though upon testing it again, for the live view, it seems to be impacted by the Inherit default layout setting of the Post Content block, whether it's in a Group block or not may not matter?

Example with Twenty Twenty-Two.

FSE - Single Post template setup

Post - example with image left-aligned

Live view

How it shows with Inherit default layout On and Off.

ON	OFF

[Robertght]

I'm not 100% sure how much is the theme influencing this, but I'm moving it to the Themes repo for now for more eyes on it.

cc @jeffikus or @MaggieCabrera if we can get more eyes on this. Thanks!

[MaggieCabrera]

I'm pretty sure that was a change in Gutenberg: WordPress/gutenberg#38613

[Robertght]

As I'm not sure where should this be handled, as we had a recent similar case with Cubic: p1649072900167279-slack-C029FM1EH

cc @jasmussen

[jasmussen]

@youknowriad I think this is behaving as intended for block themes, right? The aligment to center columns requires another group, right?