Make WordPress Core

Changes between Initial Version and Version 7 of Ticket #56226


Ignore:
Timestamp:
01/16/2023 12:38:58 PM (14 months ago)
Author:
poena
Comment:

Legend:

Unmodified
Added
Removed
Modified
  • Ticket #56226

    • Property Keywords has-patch added
    • Property Version changed from to 6.0
    • Property Milestone changed from Awaiting Review to 6.2
  • Ticket #56226 – Description

    initial v7  
    11Blocks inside groups with the row variation are displaying vertically instead of horizontally in the editor.
    2 This only happens when Gutenberg is enabled, but the problem is with the group block
    3 {{{display: }}} style in the theme.
    4 
    5 -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.
    6 
    7 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}}}.
     2The problem is with the group block {{{display: }}} style in the theme,
     3which overrides the flex styles from core and Gutenberg.
    84
    95We 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.