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
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
ulbecome.editor-styles-wrapper ul, which has a specificity of 0-1-1, and so even a style rule in a core block'seditor.scsslikeul.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