[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:  6.2
Component:  Bundled Theme  |     Version:  6.0
 Severity:  normal         |  Resolution:
 Keywords:  has-patch      |     Focuses:
---------------------------+---------------------
Description changed by poena:

Old description:

> 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.

New description:

 Blocks inside groups with the row variation are displaying vertically
 instead of horizontally in the editor.
 The problem is with the group block {{{display: }}} style in the theme,
 which overrides the flex styles from core and Gutenberg.

 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#comment:7>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform