FSE Image Alignment not Appearing Outside Blocks

[cat-og]

Quick summary

When I add an image on an FSE theme (in Editor or in pages/posts) the image toolbar does not show the control to edit the alignment. This only changes when the image is added to a group.

Steps to reproduce

1. Start with FSE theme (I tested Bryne and TwentyTwentyTwo)
2. Add image to page.
3. To add the missing alignment command, add the block to a group.

I've created a video here from my test site:

Screen.Capture.on.2022-03-03.at.16-15-27.mp4

What you expected to happen

I expected to be able to add an image and edit the image alignment from the toolbar.

What actually happened

The alignment option did not appear until I added the image to a group.

Context

This came up during FSE training with Team Aquila.

Simple, Atomic or both?

Simple, Atomic

Theme-specific issue?

No response

Browser, operating system and other notes

I use Google Chrome on a Mac.

Reproducibility

Consistent

Severity

Some (< 50%)

Available workarounds?

Yes, easy to implement

Workaround details

The image alignment can be changed when the image is added to a group.

[Robertght]

I tried to replicate this but I wasn't able to. I thought this was similar to this but that's an issue on the frontend.

@cat-og could you check if this is still an issue on your end, please?

[cat-og]

Hi @Robertght, I tried it again on my testing site and I'm still seeing the same thing. I realized I may have left out that this is all in the Editor. Specifically, I was making changes to the Home template with the Twenty TwentyTwo theme.

[Greatdane]

I was able to confirm this behavior in the site editor.

It looks like a core issue, as the same behavior happened on a self-hosted site. Added to core and cross-repo watch list;
WordPress/gutenberg#40500

[Greatdane]

Closing, Core said this is intended behaviour; WordPress/gutenberg#38802 (comment)