mirror of
https://github.com/discourse/discourse.git
synced 2025-02-12 22:34:57 +00:00
7edc941843
Browsers automatically calculate an aspect ratio based on the width/height attributes of an `<img`. HOWEVER that aspect ratio only applies while the image is loading. Once loaded, it'll use the image's actual dimensions. This can cause things to jump around after loading. For example: - if a user deliberately inserts false width/height - the image fails to load (404) - an optimised image is a few pixels different, due to a rounding when resizing This decorator explicitly sets the `aspect-ratio` property so that things are consistent throughout the lifetime of all `<img` elements.