Twenty Ten: overlap issue in Button block

[kajalgohel]

In Twenty Ten Theme, when we add Button block in editor side and change alignment as "Align left" or "Align right". After that we add paragraph block or any other block then we can see that the Button block is overlapping with the newly added block.

Steps to replicate:
1: Activate the Twenty Ten Theme
2: Add Button block
3: Choose "Align right" or "Align left" from Align option
4: Add paragraph Block
5: View the page/post at editor side

For better understanding I provide video attachment link.
Video link: ​https://share.cleanshot.com/XuFtIRCURbgfcSSNxf41

Thanks

[kajalgohel]

patch added

[pooja1210]

Hi @kajalgohel,

Was able to reproduce issue and have cross checked the patch as well and following is the test report.

Test Report

Env

• WordPress 6.0.2
• Browser Chrome
• Mac Big Sur
• Theme: Twenty Ten
• Gutenberg Editor

The patch is working as expected.

Snapshot of issue being reproduced: ​https://prnt.sc/CYQHfZtM98cS

Snapshot of issue being fixed with the patch: ​https://prnt.sc/O69OMcustQik

[sabernhardt]

The block toolbar's alignment button uses text alignment classes instead of alignleft or alignright now (see GB45663). I think we can consider this fixed in the editor, without a theme patch.