Make WordPress Core

Opened 17 months ago

Last modified 17 months ago

#57823 new defect (bug)

buttons don't align center

Reported by: stinkykong's profile stinkykong Owned by:
Milestone: Awaiting Review Priority: normal
Severity: minor Version: 6.1.1
Component: Editor Keywords: close
Focuses: css Cc:

Description (last modified by sabernhardt)

Buttons aren't aligning center. Container not set to display: flex; or display: grid;

The big button in the center centers when I add CSS:

.wp-block-buttons {
	display: flex;

Change History (2)

#1 @sabernhardt
17 months ago

  • Component changed from General to Editor
  • Description modified (diff)
  • Focuses css added

#2 @poena
17 months ago

  • Keywords close added


Looking at the webpage, I see the is-layout-flex class on the buttons block.
But from what I can tell, the CSS that adds the flex to that class is missing:

body .is-layout-flex {
	display: flex;

I believe what you have encountered is a bug that has been reported and tested in the Gutenberg GitHub repository:

The good news is that the bug has been solved and the fix will be included in WordPress 6.2.

I suggest that this issue is closed as reported-upstream.

If you have the availability, you can test if this bug fix solves the problem by installing the WordPress 6.2 beta on a test install.

Note: See TracTickets for help on using tickets.