Skip to content

Default editor styles load after core blocks' editor styles, rather than before. #21785

@ZebulanStanphill

Description

@ZebulanStanphill

Description

The styles in packages/editor/src/editor-styles.scss are loaded after packages/block-library/src/editor.scss. I would expect them to be loaded before.

Because of the editor style wrapping that currently happens, style rules like ul become .editor-styles-wrapper ul, which has a specificity of 0-1-1, and so even a style rule in a core block's editor.scss like ul.has-background (which has the same specificity) will be overridden, because the default editor styles are applied after.

I discovered this issue while working on #21387, where I ran into the exact scenario described in the previous paragraph.

Expected behavior

The editor styles provided by the core blocks would be applied after the default editor styles, not before.

Environment

  • WordPress 5.4.2
  • Gutenberg plugin 8.5.1

Metadata

Metadata

Assignees

No one assigned

    Labels

    CSS StylingRelated to editor and front end styles, CSS-specific issues.[Type] BugAn existing feature does not function as intended

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions