Make WordPress Core

Opened 2 years ago

Closed 3 weeks ago

#57316 closed defect (bug) (worksforme)

Twenty Twenty-Three: Alignment issue in Button block

Reported by: kajalgohel's profile kajalgohel Owned by:
Milestone: 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 (3)

#1 @mikachan
2 years 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
2 years 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)

#3 @poena
3 weeks ago

  • Milestone Awaiting Review deleted
  • Resolution set to worksforme
  • Status changed from new to closed

I have re-tested this on WordPress version 6.7.2 and can confirm that it has been fixed.

Note: See TracTickets for help on using tickets.