Skip to content

Layout Styles: Adding block gap global styles does not work for Columns block #61849

@aaronrobertshaw

Description

@aaronrobertshaw

Description

The application of block gap styles globally for Columns blocks works in the site editor but not the frontend or post editor. It does appear to be working for other blocks such as the Cover block.

Step-by-step reproduction instructions

  1. Navigate to Appearance > Editor
  2. Add Columns and Cover blocks to a page and give them some content
  3. Navigate to Global Styles > Blocks > Columns and give it some block gap
  4. Confirm the Cover block displays the block gap in the editor
  5. Save and view on the frontend. Notice the lack of block gap
  6. Back in the site editor, adjust the global block gap style for the Cover block
  7. Save the page and confirm it is rendered correctly in both the editor and frontend

Screenshots, screen recording, code snippet

Screen.Recording.2024-05-22.at.5.53.43.PM.mp4

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

Labels

Global StylesAnything related to the broader Global Styles efforts, including Styles Engine and theme.json[Feature] LayoutLayout block support, its UI controls, and style output.[Status] In ProgressTracking issues with work in progress[Type] BugAn existing feature does not function as intended

Type

No type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions