Skip to content

DataViews styling is broken outside of the edit-site context #60292

@paulwilde

Description

@paulwilde

Description

I've looked at converting an existing table list to work with the new DataViews which is shipping with 6.5, however it appears that the styling for it only works within the edit-site context as the styling for the component is stored within edit-site/style.css.

Step-by-step reproduction instructions

  1. Add a <DataViews /> onto a post edit content.
  2. See that the styling is broken.

Screenshots, screen recording, code snippet

How <DataViews /> looks without styling:

image

How <DataViews /> should look when the styling is duplicated across:

image

Environment info

No response

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Feature] DataViewsWork surrounding upgrading and evolving views in the site editor and beyond[Feature] ExtensibilityThe ability to extend blocks or the editing experience[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