1471276 - [css-flexbox] Sibling of large image ends up at wrong "align-self" position

Status: RESOLVED DUPLICATE of bug 1493645

(Core :: Layout: Flexbox, defect, P3)

Description

[Daniel Holbert [:dholbert]]

Filing this for this webcompat issue which is really just a Firefox bug:
  https://github.com/webcompat/web-bugs/issues/17410

STR: Load https://jsfiddle.net/3uk8so7d/
ACTUAL RESULTS: "Some text" is offset to the top (it's got a negative y-position).
EXPECTED RESULTS: "Some text" should be vertically centered.

I think you can get a hint into the reason if you drop "height: 100%" from the image. That makes the image wider (via height influencing min-width:auto resolution on an element with an intrinsic size), and with the image wider, "Some text" wrap to two lines -- taller than the container -- and that makes it *correctly* offset at the negative position, from a vertical-centering perspective.

So: it kinda looks like we're establishing the text's y-position (or perhaps the height) early on, before we establish the image's actual width, and then when have the final size, we don't correctly update the y-position.

Comment 1

[Ting-Yu Lin [:TYLin] (PST, UTC-8)]

Attachment: testcase

Comment 2

[Ting-Yu Lin [:TYLin] (PST, UTC-8)]

The testcase look OK on Nightly, and mozregression finds this range https://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=7ac88abc3c57832e7e271dede934f8935c7f83a0&tochange=be037b5b6327f423a45c50837de07bae9522bd9a (Note in bad builds, sometimes they render the standalone testcase correctly, but they will eventual fail after refreshing the page multiple times.)

Bug 1493645 is the only bug in that range changing flex container, so I assume it fixed this bug.