[wp-trac] [WordPress Trac] #56226: Twenty Twenty-One: Group block styles are breaking the row variation

[WordPress Trac]

#56226: Twenty Twenty-One: Group block styles are breaking the row variation
---------------------------+-----------------------------
 Reporter:  poena          |      Owner:  (none)
     Type:  defect (bug)   |     Status:  new
 Priority:  normal         |  Milestone:  Awaiting Review
Component:  Bundled Theme  |    Version:
 Severity:  normal         |   Keywords:
  Focuses:                 |
---------------------------+-----------------------------
 Blocks inside groups with the row variation are displaying vertically
 instead of horizontally in the editor.
 This only happens when Gutenberg is enabled, but the problem is with the
 group block
 {{{display: }}} style in the theme.

 -When Gutenberg is not active, the WordPress core styles overrides the
 theme styles, and that is why the row has been displaying correctly in the
 editor so far.

 With the introduction of the class {{{.is-layout-flex}}} in Gutenberg and
 it's reduced specificity, the theme CSS is no longer overridden. The flex
 styles break because the block is now missing {{{display:flex}}}.

 We can test to see if it is possible to remove the problematic style
 completely, or add a new style to set {{{display:flex}}} when the {{{.is-
 layout-flex}}} class is used on the group block.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/56226>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform