New issue
Advanced search Search tips

Issue 920715 link

Starred by 1 user

Issue metadata

Status: Unconfirmed
Owner: ----
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug



Sign in to add a comment

intrinsicsize distorts images with srcset

Reported by e...@cloudinary.com, Jan 10

Issue description

UserAgent: 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
 
Labels: Needs-Triage-M73

Sign in to add a comment