W3C home > Mailing lists > Public > www-style@w3.org > March 2012

[css3-flexbox] issue with flexing with either positive or negative flexibility on all items

From: Alex Mogilevsky <alexmog@microsoft.com>
Date: Mon, 12 Mar 2012 08:22:19 +0000
To: www-style list <www-style@w3.org>
Message-ID: <D51C9E849DDD0D4EA38C2E5398569284139C3328@TK5EX14MBXC262.redmond.corp.microsoft.com>
Current flexing algorithm choses to use either positive or negative flexibility
for all items, which helps to ensure it will finish with any combination of
flexibility and min/max sizes. This approach doesn't allow to optimize layout
by shrinking a large item that is far from both its min and its max sizes, and
growing a small item that is close to its preferred size. It may be possible to
get a better result by calculating penalties based on actual size change,
flexibility settings and where there calculated size is relative to
min/max/preferred sizes.

Example to consider:

<flexbox>
    <div style="flex:1 1 auto">long description of something important that is about to happen</div>
    <button style="flex:1 1 auto">I agree</button>
</flexbox>

I don't know if this is will be really an issue. Small items can easily avoid the problem by not having a negative flexibility. I opened a bug for this anyway: https://www.w3.org/Bugs/Public/show_bug.cgi?id=16322 
Received on Monday, 12 March 2012 08:23:18 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 22 May 2012 03:48:51 GMT