Twenty Twenty Two: Alignment issue in front end of image block

[aezazshekh]

When we add an image block to any page and post. And if you do the alignment of that image to the left or right, then the design of the page is deteriorating due to that image on the front end side.

Video Link => ​https://share.cleanshot.com/IrX3V1UiFx6ICwzoULqU

[aezazshekh]

Screenshot of Issue

[aezazshekh]

added patch

[aezazshekh]

After adding the patch now the page design looks like this

[audrasjb]

Hello and thank you for opening this ticket and for providing a patch!

It looks like a duplicate of #56012.
Could you please add your patch on this ticket?

Thank you!

[aezazshekh]

Hello @audrasjb

I think both are different issues. In this ticket, when we left or right the alignment of the image, the text of the footer comes near the image. Because of this, the design of the page is deteriorating.

Please share your thoughts on this.

Thanks

[sainathpoojary]

I tested the reported issue again. It appears that the problem is no longer reproducible.

Steps I followed to test:

1. Navigate to Pages > Add New (or Posts > Add New).
2. Add an Image block to the content area.
3. Upload an image or select one from the Media Library.
4. Change the alignment of the image to Left or Right.
5. Preview the page on the frontend to check the design.

Based on my testing, the frontend design remains unaffected, and there’s no layout disturbance caused by the image alignment.

It seems the issue has already been resolved.

Video: ​https://rioudcpuyg.ufs.sh/f/PL8E4NiPUWyODJbdlKAHytsWpNIfogBi6bRx3aQ5ZFMdLhY1

[sabernhardt]

Similar reports are on #56012 and #61438, but I only experienced it with floating content in pages (not posts).

This seems to have been fixed in the editor for any block theme:
​https://github.com/WordPress/gutenberg/pull/65364

Please verify.

[sabernhardt]

I'll close these related tickets because I cannot reproduce the bug anymore. If you still experience it, please let us know.