intrinsicsize distorts images with srcset
Reported by
e...@cloudinary.com,
Jan 10
|
|
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.1 Safari/605.1.15 Steps to reproduce the problem: 1. Set Experimental Web Platform Features to "Enabled" 2. View an <img> which has both a `srcset` and an `intrinsicsize` (e.g., https://codepen.io/eeeps/pen/XoxXLJ) 3. Reduce the size of the viewport What is the expected behavior? The image shrinks, while maintaining its aspect ratio. What went wrong? The image shrinks and is distorted out of its aspect ratio, because its width remains constant even though its height shrinks. Did this work before? No Does this work in other browsers? N/A Chrome version: 73.0.3667.0 (Official Build) canary (64-bit) Channel: canary OS Version: OS X 10.14.2 Flash Version: The behavior of this bug has been very inconsistent. Sometimes it happens on any viewport shrinkage, but sometimes it only happens at relatively small viewport sizes. This variance happens between page refreshes of the same page. Within page sessions, the exact width that the image becomes locked at also varies -- it might become fixed at 218px when I downscale once, but if I re-scale upwards and downscale again, it will become locked at a slightly different width (e.g., 213px). Here's another version of the test case, which reports some more information and more clearly flags the image (with a big red outline) when it is out of aspect ratio: https://codepen.io/eeeps/pen/YdJqGE |
|
►
Sign in to add a comment |
|
Comment 1 by vamshi.kommuri@chromium.org
, Jan 11