W3C home > Mailing lists > Public > www-style@w3.org > April 2014

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

From: Greg Whitworth <gwhit@microsoft.com>
Date: Mon, 21 Apr 2014 18:43:43 +0000
To: Tab Atkins Jr. <jackalmage@gmail.com>, fantasai <fantasai@inkedblade.net>, Daniel Holbert <dholbert@mozilla.com>
CC: "www-style@w3.org" <www-style@w3.org>
Message-ID: <d922cfd080904fff832b47c531646758@DM2PR03MB400.namprd03.prod.outlook.com>
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
Received on Monday, 21 April 2014 18:44:23 UTC

This archive was generated by hypermail 2.4.0 : Monday, 23 January 2023 02:14:39 UTC