Wp-block-image: Breaks natural CSS flow on floating alignment properties

[Intervik]

What problem does this address?

wp-block-image has no markup as a parent to floating image such as alignleft. Top level elements should NEVER break the CSS flow. <div><figure class="alignleft"></figure></div> is wrong. Properties like alignleft + p { margin-top: } or alignleft ~ h2 { clear: both; } etc etc not working.

What is your proposed solution?

Add classname to top level element such as has-float or attribute data-align=left or whatever. Or better, keep figure element as top level element.

[tellthemachines]

Ideally the figure should be the top-level element.

[AtrumGeost]

I got this same issue. Noticed that when the Image Block is centered the

tag is gone:

On the screenshot, you'll notice the second and third image don't have the

element because they are aligned to the center.

[andrewstaffell]

This is basically the same issue as #33385.

[tellthemachines]

Closing as this has now been fixed, as per discussion in #33385.