Tiled Gallery: images misaligned on New Post emails (Subscriptions)

[liviopv]

Steps to reproduce the issue

1. Follow a site using Jetpack Subscriptions module
2. Create a new post with a Tiled Gallery block
3. Publish the post
4. The [New Post] email notification will show the gallery, but the images will be misaligned

5. What I expected

The gallery should display images properly like on desktop view

What happened instead

Some images are cut off and displayed in an incorrect order

Screenshots WordPress.com Business plan site:

Screenshot: https://d.pr/i/Yi74LR

WordPress.com free plan site

Screenshot: https://d.pr/i/S0AI39

Fresh Jurassic Ninja site:

Screenshot: https://d.pr/i/iWkmUz

Original user-report: 27870204-hc

[lakellie]

Received another user report in 4836540-zen

[simison]

There's a screenshot at https://github.com/Automattic/jetpack/issues/19955 for how the fallback looks like:

On the post:

In the email:

[simison]

Tiled gallery block uses JavaScript to format the visual appearance. Until that would be changed to pure CSS for example (unlikely), there's not a lot to do here. Emails don't have JavaScript.

The same with RSS feeds as well.

The fallback looks decent, so I'd be hesitant to do anything about this.

One alternative could be rendering tiled gallery always as "core gallery" and we would only ever need to maintain only one fallback grid.

There could also be some improvements in alignments, and curious if "circles" still appear as circles for example?

[jerrysarcastic]

Another user reported in https://wordpress.com/forums/topic/photos-in-the-e-mail-are-not-displayed-correctly and included a screenshot of how tiled galleries appear in their email (see above post)

For now I've recommended the More Block and/or standard Image Blocks for now as a workaround

[github-actions[bot]]

Support References

This comment is automatically generated. Please do not edit it.

• [ ] 4836540-zen