Gutenberg: Removing width from .wp-block-cover__inner-container may cause contents to shrink

Created on 14 Oct 2020  路  3Comments  路  Source: WordPress/gutenberg

Describe the bug

Removing the calculated width from .wp-block-cover__inner-container as discussed here, can cause the contents of the container to change width compared to the original.

To reproduce
Steps to reproduce the behavior:

  1. Activate Twenty Nineteen with WP 5.5.1
  2. Add a full-width cover block.
  3. Inside the cover block, add a columns block and set it to 2 columns, then add a paragraph to each.
  4. Note the width of the block. It should match front end to editor.
  5. Update to 5.6-alpha or Gutenberg 9.9.1.
  6. Note the width of the content on the front end. It no longer matches the width in the editor. It also has shrunk compared to the original

Expected behavior
Width of content will not change when updating WordPress from 5.5.x to 5.6.

Screenshots

Original:

Screen Shot 2020-10-14 at 3 48 59 PM

New:

Screen Shot 2020-10-14 at 3 48 42 PM

Editor version (please complete the following information):

  • WordPress version: 5.6-alpha w/o Gutenberg
  • If the Gutenberg plugin is installed, which version is it? 9.9.1

Notes:

  • Doesn't impact Twenty Twenty because it sets a max width using [class*="__inner-container"].

All 3 comments

Thank you for the ticket. I believe #26143 fixes this one.

Closing as fixed by #26143

Thanks for the quick fix @jasmussen!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

youknowriad picture youknowriad  路  3Comments

JohnPixle picture JohnPixle  路  3Comments

wpalchemist picture wpalchemist  路  3Comments

mhenrylucero picture mhenrylucero  路  3Comments

BE-Webdesign picture BE-Webdesign  路  3Comments