Attachments

(1 attachment)

Created attachment 8891579[details]
testcase.html
In the attached testcase there is a <picture> element with a srcset that has a 2x green image option. That <picture> is in an inline-block element with a red background.
When the picture is rendered on a HiDPI display (at least on my Intel Iris MacBook Pro), then that parent element ends up being twice the width as the rendered image. The parent element can also be floated to achieve the same effect.
Other browsers do not do this, and on a regular DPI screen the behavior doesn't seem to manifest (or when there is no "2x" image option in the srcset).

(In reply to Josh Matthews [:jdm] from comment #3)
> I suspect bug 1139560 made this srcset value be parsed correctly, but is not
> actually the cause of the layout issue here.
Yes, it seems the case.
I found that <img> render was broken first(no layout issue before it's broken) and then layout issue introduced within this broken period and appeared after bug 1139560.