Gallery block: images don't scale vertically in emails

[simison]

Impacted plugin

Jetpack

Quick summary

When adding images via core gallery block, the images scale well to screen size in desktop.

In the email images scale only horizontally, not vertically.

Example post. User report.

Desktop

Screen.Recording.2023-10-26.at.10.34.27.mov

Email

Reported at p1698133168065399-slack-C02NQ4HMJKV

Steps to reproduce

—

A clear and concise description of what you expected to happen.

No response

What actually happened

No response

Impact

All

Available workarounds?

No but the platform is still usable

Platform (Simple and/or Atomic)

Atomic

Logs or notes

No response

[sunipeyk]

Thank you @simison. And a little advice/request for those whom writing the codes; please avoid using inline css. It's a terrible idea. Thank you again.

[sunipeyk]

The description of the problem is incorrect/ and/or incomplete. note: I think I explained the situation more clearly in my comments below.

[sunipeyk]

I reviewed an older post of mine. ( sep, 18 2023) The inline css of the images of that post email is normal, as expected. However, those images were not deformed. The problem was not with the width:46% used inline. For your information.
And let me add one more thing. When I look at the problematic e-mails on iPhone, single images in the text are problematic, too. I think there was a problem after the date I gave above and it continues.

[sunipeyk]

Hello again, It is clearly seen that the required for the image to be responsive "height : auto;" is not included in the relevant inline css code.
If you don't want to use "height : auto;" in inline css code , you must not use "...<img width="500" height="650" src..." ( the bolds that width and height ) either. Those ruins the responsiveness of images. For your information.

[sunipeyk]

5 months have passed and no one is doing anything. Great, really great!

[sunipeyk]

You did not fix this problem in version 6.5. I wonder why? Anyway, I give up, no one cares anyway.

[Potato3142]

I seem to have this or a similar problem. Images in email are being squeezed vertically

[simison]

Update here: we deployed some changes to email rendering images in D147624-code (internal reference), external reference but the issue here needs additional checks likely. cc @Automattic/zap

[simison]

With some work done for this and no further reports here, I'm moving future similar problems to separate issues.

[Potato3142]

With some work done for this and no further reports here, I'm moving future similar problems to separate issues.

It's not fixed, though.