Make WordPress Core

Opened 12 months ago

Last modified 12 months ago

#57316 new defect (bug)

Twenty Twenty-Three: Alignment issue in Button block

Reported by: kajalgohel's profile kajalgohel Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 6.1.1
Component: Editor Keywords: needs-patch
Focuses: ui, css Cc:

Description

In Twenty Twenty-Three Theme, when we add Button block on the editor side and change the alignment of Button then the "Align right" is not reflected in the backend as well as frontend side.

Steps to replicate:
1: Activate the Twenty Twenty-Three Theme
2: Add Button block
3: Choose "Align right" from Align option
4: View the page/post at editor side
5: Save Page/Post
6: View the page/post at front side

For better understanding, I provide a video attachment link.

Video link: https://share.cleanshot.com/9VyrSCgD5fUNDgxYSJ1u

Thanks

Change History (2)

#1 @mikachan
12 months ago

  • Component changed from Bundled Theme to Editor

Thanks for reporting this, @kajalgohel.

As a quick solution, you should be able to right-align a button block by using the justification controls rather than the alignment controls:

https://cldup.com/olKdd1tI7O.png

However, I can see from your description and video that the alignment controls work on left and center alignment, but not on right, and this isn't a great experience. This should be fixed in the editor directly. I've found a related existing issue for the editor here: https://github.com/WordPress/gutenberg/issues/39937

#2 @poena
12 months ago

This is also reported in
https://core.trac.wordpress.org/ticket/56552
https://core.trac.wordpress.org/ticket/56404

And solved by https://github.com/WordPress/gutenberg/pull/45663
This will be solved in the block in WordPress 6.2 (at the latest)

Note: See TracTickets for help on using tickets.