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

[css-flexbox] max-content sizing of flex containers is wrong

From: fantasai <fantasai.lists@inkedblade.net>
Date: Mon, 18 Aug 2014 17:20:01 -0700
Message-ID: <53F29831.4070709@inkedblade.net>
To: "www-style@w3.org" <www-style@w3.org>
Hi!
Just noticed that the max-content sizing rules for flexboxes is wrong.
It takes the sum of the max-content contributions of its items. But
actually, it needs to account for flex factors, the same way the grid
layout algorithm does.

Example:
   <flexbox>
     <item>foo foo foo</item>
     <item>foo</item>
   </flexbox>

   item { flex: 1; }

Suppose "foo" is approximately 3em wide.
The max-content contribution of the first item is ~9em.
The max-content contribution of the second item is ~3em.
The max-content size of the flexbox is therefore defined to be 12em.

Since the flex basis is zero and flex is one, after flex layout
each item is 6em wide. The contents of the first item wrap into
the 6em, and max-content's definition fails, 'cuz wrapping.

~fantasai
Received on Tuesday, 19 August 2014 00:20:29 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 19 August 2014 00:20:30 UTC