Describe the bug
Playing with the Slideshow block in Jetpack, I found a possible bug in the Columns block.
To reproduce
Steps to reproduce the behavior:
- Install and activate Jetpack
- Add a columns block (using the 50%-50% layout preset) in a page
- Add a Slideshow block inside one of the columns and add some images to it
- Set a explicit vertical alignment in the columns block (top, center or bottom)
- The Slideshow disappears
Expected behavior
The block works as expected
Screenshots




Desktop (please complete the following information):
- OS: Windows 10
- Browser: Firefox 72 and Chrome 79
Additional context
- I'm using the Gutenberg version that comes with WordPress 5.3.2
Possible fix
If I add width: 100% to the .wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center and .wp-block-column.is-vertically-aligned-bottom CSS rules in Gutenberg, the slider block works as expected:
.wp-block-column.is-vertically-aligned-center {
align-self: center;
width: 100%; /* new */
}
Describe the bug
Playing with the Slideshow block in Jetpack, I found a possible bug in the Columns block.
To reproduce
Steps to reproduce the behavior:
Expected behavior
The block works as expected
Screenshots




Desktop (please complete the following information):
Additional context
Possible fix
If I add
width: 100%to the.wp-block-column.is-vertically-aligned-top,.wp-block-column.is-vertically-aligned-centerand.wp-block-column.is-vertically-aligned-bottomCSS rules in Gutenberg, the slider block works as expected: