Tiled Galleries: Square tiled galleries stretch top image if there's only one in the first row

[jillb]

Steps to reproduce the issue

Create an image gallery using Square Tiles. Upload a number of images that results in one image in the top row. (3n + 1 ;) )

What I expected

What happened instead

Solutions

1. This is the CSS workaround I used for my clients' sites, in case it's helpful:

.gallery-row,
.gallery-row .gallery-group,
.tiled-gallery.type-square .gallery-row:first-child .gallery-group .tiled-gallery-item img {
height: auto !important;
}

2. The other option is to crop it as a square, just as all the other images in the gallery are cropped squares. Without being stretched vertically as it is now.

[jeherve]

Closing as we can't seem to be able to reproduce the issue anymore:
#6022 (comment)

Feel free to reopen if this is still happening to you!

[jillb]

Hello,

Thanks for looking into the issue. It is in fact still an issue for me on WordPress.com sites. I tried it again in the customizer of the above mentioned site (removing my CSS I had put in to fix the issue) and in the customizer preview it is still doing the exact same thing:

https://edsoconstruction.com/portfolio/

Scroll down to the second photo gallery on the page.

Thanks!

[jillb]

I don't think I have the capability of reopening this ticket as it was closed by you, not by me.

isaacs/github#583

Please reopen it. Thanks

[jeherve]

Thanks for the extra details. Since this issue is specific to WordPress.com sites and can't be reproduced on Jetpack sites, I've moved it to our internal bug tracker on WordPress.com: 7844-wpcom

I'll let you know as soon as this is fixed.

[jillb]

Thanks!