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:
http://jsfiddle.net/VDq6r/6/
Thanks,
Greg