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;
https://store.irishtradmusic.org/

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

Hi!

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:
https://github.com/WordPress/gutenberg/issues/45713

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. https://make.wordpress.org/core/2023/03/01/wordpress-6-2-beta-4/

Note: See TracTickets for help on using tickets.