search

WordPress / gutenberg

The Block Editor project for WordPress and beyond. Plugin is available from the official repository.
https://wordpress.org/gutenberg/
Other
10.28k stars 4.09k forks source link

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

Open aaronrobertshaw opened 3 months ago

aaronrobertshaw commented 3 months ago

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

https://github.com/WordPress/gutenberg/assets/60436221/647b0d54-c417-49e4-9d5f-f1e4d7708baa

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

ltrihan commented 1 month ago

Hi 👋🏻

I also have the same issue.

Using WordPress 6.5.5 If I try the same gap on Twenty Twenty Four, it works. So I guess the problem is coming from my hybrid custom theme.

I will try to dig the issue and will tell you if I found any fix.