Group block won't show full width in edit view, shows full width in live view. Munchies theme.

radtechgh commented 1 year ago

Quick summary

User had page with Cover block, and several other blocks. All blocks were set to Full Width, however there is space on either side of the block in edit view. Once published, all blocks are showing full width properly on the live page. Munchies theme. Switched to another theme on test site, all blocks now show full width in edit view. Note: when trying to Preview page (unpublished) received 404 error. Could not see page until published.

Steps to reproduce

create page with Group block, then Cover block.
Make blocks full width.
Group block does not show full width, apx 40px (?) on either end.
Cover block shows full width.
Publish page, view live. Blocks are all full width.

What you expected to happen

Group Blocks should show full width in edit view.

What actually happened

Group blocks (and other blocks besides Cover) show approximately 40 px of empty space on each side in edit view.

Context

5856953-zen

Platform (Simple, Atomic, or both?)

Atomic

Theme-specific issue?

Munchies

Browser, operating system and other notes

No response

Reproducibility

Consistent

Severity

None

Available workarounds?

None

Workaround details

No response

github-actions[bot] commented 1 year ago

Support References

This comment is automatically generated. Please do not edit it.

[ ] 5856953-zen

kavyagokul commented 1 year ago

📌 SCRUBBING : RESULT

Tested on Simple - Replicated
Tested on AT - Replicated

📌 FINDINGS/SCREENSHOTS/VIDEO

This only happens when the cover block doesn't have a background
It seems like this is the intended behavior(design choice?), and not really a bug.
I'm still going to move this to the themes repo, so the themes team can make a decision about whether this counts as a bug

📌 ACTIONS

Marked as Triaged for Quality Squad review
Transferred to Themes

cecilearkay commented 1 year ago

I noticed as well than the .alignfull class pulls both a padding of 30px (right/left) and a margin of -30px (also on right/left). With Group blocks on mobile, you have to either zoom out and scroll to the side to see the full content.

This was reported in 43320413-hc

Automattic / themes