Automattic / Automattic/jetpack

Full-width blocks alignment don't match in the editor

Open
#25,305 1 comment 0 reactions 0 assignees View on GitHub
[Block] Slideshow [Plugin] Jetpack [Pri] Normal Blocks V2 Bug Enhancement Triaged
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

Related to https://github.com/Automattic/jetpack/pull/25107

### Impacted plugin

Jetpack

### Steps to Reproduce

1. On a Jetpack-connected site install and activate the Twenty Twenty Two (or Blockbase, or Twenty Nineteen) theme.
2. Add a Cover block, Slideshow block and Gallery block to a new post (using the wp-admin post editor or the WordPress.com editor)
3. Set the alignment within all three blocks to full-width.
4. The display should look fine on the live post or in preview, but in the editor there is some padding to the left and right of the Cover and Gallery blocks, but not the Slideshow block.
5. Change the theme to Twenty Twenty, and check the post editor. There should now be some padding to the left and right of the Slideshow block, but not the other two blocks.

### A clear and concise description of what you expected to happen.

While we can't control how each theme will display the blocks within the editor, ideally the behavior between the three blocks would be consistent - all three with no padding or with padding, depending on the theme. Since the Slideshow block behaves differently to the other two, it seems that would be the block that needs to behave similarly to the other two.

Edit to add - it looks like this may be a little more complex than I thought as each block can behave completely different in some themes, for example Twenty Twenty One where there is a different level of padding for the Slideshow and Gallery blocks, and no padding for the Cover block. If there is some logic that would help them be consistent in the majority of cases, perhaps that is a good compromise?

Reported internally here: p8oabR-Uj-p2#comment-6499

### What actually happened

The padding is inconsistent between each of the three blocks in the editor, when testing using different themes.

### Browser

Google Chrome/Chromium, Mozilla Firefox

### Other information

Twenty Twenty Two (and Blockbase, Twenty Nineteen) (editing in wp-admin):
Screenshot 2022-07-28 at 10 22 56

Twenty Twenty (editing in wp-admin):
Screenshot 2022-07-28 at 10 23 06

### Platform (Simple, Atomic, or both?)

Self-hosted

### Reproducibility

Consistent

### Severity

Some (< 50%)

### Available workarounds?

_No response_

### Workaround details

_No response_

Contributor guide

Open the contributing guide

Research direction

Reproduce the editor behavior with Cover, Slideshow, and Gallery blocks using the listed themes, checking both wp-admin and WordPress.com editor contexts. Review the related pull request #25107 and compare the blocks' full-width padding across themes; done means their editor alignment is consistent where the theme permits it.

Written by the indexing model from the issue text.

Assessment

Tech stack
wordpress
Domain
frontend, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.