1251374 - Incorrect height of a flex item when a child has a min-height

Status: NEW

(Core :: Layout: Block and Inline, defect)

Description

[Christian :Biesinger (don't email me, ping me on IRC)]

Attachment: Testcase

Tested in 47.0a1 (2016-02-24) / Linux

In the attached testcase, the sizing of .vbox is wrong. Because .hflex has a max-height of 200px, and the align values are the default, it should "stretch" .vbox to those 200px. However in fact vbox is sized to 304px to match its child's size.

Comment 1

[Christian :Biesinger (don't email me, ping me on IRC)]

Though IE 11.0.9600.18204 does match Firefox's rendering... am I wrong?

Comment 2

[Daniel Holbert [:dholbert]]

I believe this is bug 1000957 (which is a spec-change, which explains why IE11 agrees with us).

In multi-line flexbox, flex lines are sized independently of any min/max cross-size properties on the flex container. (And then they overflow according to 'align-content'.)

This used to be the case for single-line, too, but it changed (and bug 1000957 is filed on updating to fix that change).

Marking as a dependency for now; but this may ultimately be a dupe.

Comment 3

[Daniel Holbert [:dholbert]]

Attachment: (wrong file, ignore)

Comment 4

[Daniel Holbert [:dholbert]]

Attachment: reference case