Skip to content

Better scope CSS changes after #14407 to avoid plugins layout breakage #15465

@afercia

Description

@afercia

#14407 introduced some CSS changes that can break the UI provided by plugins.

Specifically the margins applied using the [data-block] selector, is breaking something in the Yoast SEO metabox and can potentially break other plugins. The Yoast SEO metabox uses some editable fields generated by Draft.js, which does use a data-block="true" attribute.

Broken layout:

Screenshot 2019-05-06 at 17 13 13

Previous (and expected) layout:

Screenshot 2019-05-06 at 17 13 32

Can this change be revisited please? This selector is too broad, not scoped with any specific Gutenberg class and, at the very least, should be restricted to only the editor content area.

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Type] BugAn existing feature does not function as intended[Type] RegressionRelated to a regression in the latest release

    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