[2.1] & [3.0]: BBC img tag quirk: width scales if specified, but height does not in mobile view

[sbulen]

Basic Information

When you have a large image, with width & height specified in the img tag, everything scales pretty good on desktop. Things get a little unpredictable on smartphones, though, or, when zooming in a significant amount on desktop.

The problem is that if the pic is too big to fit, width scales accordingly, but height does not... So specifying a height on a large image results in lots of deadspace above & below the image on mobile:

Best workaround I can find is to simply never use "height=" in img bbc.

Not sure what the fix is... If for nothing else, this is for awareness that wierdness happens when height is specified.

Steps to reproduce

1. Insert a large image, 1000x800 or larger, specifying height & width.
2. View it on mobile.

Expected result

If width is scaled for whatever reason, height should be scaled the same amount.

Actual result

Upon zooming, window-resizing, or mobile usage, width scales, but height remains constant.

Version/Git revision

3.0 Alpha 2 & 2.1.4

Database Engine

All

Database Version

8.4

PHP Version

8.3.8

Logs

No response

Additional Information

No response

[sbulen]

Same content above, but height removed from the img tag: