Automattic / Automattic/jetpack
Video Blocks nested in column blocks, when set at 3 or more columns, display uneven thumbnails when published
- Dominant language
- PHP
- Stars
- 1.8k
- Forks
- 898
- Avg merge
- 1d 18h
- Merged PRs (30d)
- 774
Description
#### Steps to reproduce the issue
1. Open a new page and add a column block with 3 columns
2. Add a single video block within each column
3. Insert a video from the media library into each video block
4. Publish the page and view it
5. Grab and drag the edge of the browser window to see the thumbnails adjust
#### What I expected
I expect to see all three videos appear with the same height.
#### What happened instead
When loaded, the first two thumbnails are identical in height but the third thumbnail is shorter. A similar effect happens when single video blocks are nested within 4 columns.
**Screenshots**


Contributor guide
Research direction
Start by reproducing the issue on a published page with three columns, one video block per column, and videos from the media library. Resize the browser window and compare the thumbnail heights; the work is done when all nested video thumbnails remain equal in three- and four-column layouts.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, wordpress
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100