Automattic / Automattic/jetpack
Full-width blocks alignment don't match in the editor
- 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):

Twenty Twenty (editing in wp-admin):

### Platform (Simple, Atomic, or both?)
Self-hosted
### Reproducibility
Consistent
### Severity
Some (< 50%)
### Available workarounds?
_No response_
### Workaround details
_No response_
Contributor 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