Permalink edit section inherits styles brought in from add_theme_support( 'editor-styles' )
#11503
Labels
[Feature] Permalink
The permalink of a post or page and the experience of setting or editing it
Needs Testing
Needs further testing to be confirmed.
Describe the bug
The permalink link area can inherit link styles set in a theme's classic editor styles, when they're pulled into to the new editor using
add_theme_support( 'editor-styles' )
.A more specific selector, and some proactive styles should help fix, though it looks like it could be easy to end up with some redundant CSS.
This issue is similar to #11132; @afercia spotted it when reviewing changes to Twenty Seventeen, here: https://core.trac.wordpress.org/ticket/45246#comment:4
To Reproduce
Steps to reproduce the behavior:
add_theme_support( 'editor-styles' )
to pull classic editor styles into Gutenberg. Any of the older default themes (Ten thru Seventeen) from the WordPress 5.0 beta will work.Expected behavior
That this space would use the same fonts, colours, and styles of other Gutenberg elements.
Actual behavior
This space can inherit colours (on both the link and button), and font family, as well as odd things it doesn't set, like borders (Twenty Fifteen) or box-shadows (Twenty Seventeen).
Screenshots
All default themes exhibit some level of issue:
Twenty Seventeen: inherits colour and box shadow (for underline)
Twenty Sixteen: inherits colour
Twenty Fifteen: inherits colour and bottom border (for underline)
Twenty Fourteen: inherits colour on link and button
Twenty Thirteen: inherits colour on link and button
Twenty Twelve: inherits colour on link
Twenty Eleven: inherits colour, font styles
Twenty Ten: inherits colour on link and button, and font family
Additional context
Can recreate with the Gutenberg 4.2 RC, and the current version in the repo as of commit c8b4679.
The text was updated successfully, but these errors were encountered: