WordPress.org
Get WordPress

Make WordPress Core

Opened 4 years ago

Closed 20 months ago

#57823 closed defect (bug) (reported-upstream)

buttons don't align center

Reported by: stinkykong Owned by:
Priority: normal Milestone:
Component: Editor Version: 6.1.1
Severity: minor Keywords: close
Cc: Focuses: css

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 (3)

#1 @sabernhardt
4 years ago

  • Component General → Editor
  • Description modified (diff)
  • Focuses css added

#2 @poena
4 years 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/

#3 @poena
20 months ago

  • Milestone Awaiting Review
  • Resolution → reported-upstream
  • Status new → closed
Note: See TracTickets for help on using tickets.