Nested Media & Text block inserts with incorrect content alignment and ignores user action to change

[inaikem]

Steps to reproduce

1. Start in WP Admin.
2. Add a new page or post.
3. Add Media & Text block.
4. On the toolbar, click on the button Show media on right.
5. In the Content area of the parent block, remove the existing Paragraph block.
6. Add a new Media & Text block inside the Content area (nested blocks).
7. On the toolbar for the nested Media & Text block, click on the button Show media on right.

What I expected

• A nested Media & Text block should initially show media/content alignment in the same manner as a newly inserted block: media on the left, text on the right.
• A nested Media & Text block should respect user action to change content alignment.

What happened instead

• With the parent block set to Show media on right, a new nested Media & Text block aligns text on the left and media on the right by default. Changing alignment options does nothing.
• If the parent block set to Show media on left, a new nested Media & Text block aligns text on the right and media on the left (as expected). Changing alignment options works as expected.

Browser / OS version

Browser:

• Firefox 85.0 (64-bit)
• Safari 14.0.3 (15610.4.3.1.6, 15610)
• Chrome 88.0.4324.96 (Official Build) (x86_64)

OS:

• macOS 10.15.7 19H512

Screenshot / Video

Can't see the image? Click this direct link.

Context / Source

Exploratory testing of Media & Text block. Issue found via #manual-testing by @worldomonation + confirmed by @inaikem

[kirstyburgoine]

This was tested during the #core-css bug scrub in Slack and can confirm this can be replicated and is a CSS bug.

[kathrynwp]

Adding new screenshot since the Droplr link is dead:

I'm still able to replicate this with:

WordPress 6.0.1
Gutenberg 13.8.1 active or inactive
No other plugins active

[youknowriad]

I can't reproduce this issue anymore.