[css-flexbox] What to do with an item's height when max-height is applied to the flex container

We ran into an interesting interop issue where if you set a flex container with a max-height, Firefox and IE set the flex-item height to the height of the max-content of the items, while Chrome sets the max-height of the flex-item to the suggested max-height applied to the flex-container. The spec is not completely clear on what to do in this case so I would like to reach consensus on what to do in this case:

A)     Have the flex items inherit their height from the flex-container's constraints if not directly set (Chrome)

B)      Resolve their height against the largest flex-item (IE, Firefox)

Here is a fiddle of the repro:



Received on Monday, 21 April 2014 18:44:23 UTC