1404056 - intrinsic sizing is broken for elements that contain <img srcset>

Status: RESOLVED DUPLICATE of bug 1149357

(Core :: Layout: Images, Video, and HTML Frames, defect, P3)

Description

[Daniel Holbert [:dholbert] (vacation until Jun 23)]

Attachment: testcase 1

STR:
 1. Load attached testcase.

EXPECTED RESULTS:
 No red should be visible.

ACTUAL RESULTS:
 Red is visible.


The teal-bordered div is supposed to shrinkwrap its contents' intrinsic width. Its only child is a blue <img> element, so all that should be visible is blue.

Chrome gives EXPECTED RESULTS. Firefox Nightly gives ACTUAL RESULTS.

The problem here is approximately:
 (1) we are making the container as wide as the underlying PNG image's *actual width* in pixels.
 (2) ...but "srcset" makes the image render at half of that native width.

This is the underlying bug that's causing this webcompat issue: https://github.com/webcompat/web-bugs/issues/10436

Comment 1

[Daniel Holbert [:dholbert] (vacation until Jun 23)]

FWIW, I get EXPECTED RESULTS in Chrome 63 dev, Safari 10.1, and Edge 15.

So, we're the odd ones out here. (not surprising, since it seems like just a bug rather than a difference of opinion).

Comment 3

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

Duplicate of bug 1149357?

Comment 4

[Daniel Holbert [:dholbert] (vacation until Jun 23)]

Looks like it, yeah - thanks!