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

[css-grid] 10.5 Grow All Tracks To Their Max

From: François REMY <francois.remy.dev@outlook.com>
Date: Mon, 18 Aug 2014 13:35:11 +0200
Message-ID: <DUB130-DS714901D836364FB9A6783A5D40@phx.gbl>
To: "CSS WG" <www-style@w3.org>
Cc: "Tab Atkins" <jackalmage@gmail.com>
Hi,

Let’s consider the following situation:

    - 1 grid whose width is 600px
    - 3 auto columns
    - 2 elements of 150px each
        - one in the 1st and
        - the other in the 3rd column

In IE, the second (and empty) column seems to get a width of 0px. I’m not 
100% sure why.


Here's how I saw the sizing of the second column until now:

    - For intrinsic track sizes, use an initial base size of zero and an 
initial growth limit of infinity.
        Ok

    - If the track has a ‘min-content’ min track sizing function, set its 
base size to the maximum of the items’ min-content contributions.
        This is undefined, there is no such item (so I leave base=0)

    - If the track has a ‘max-content’ max track sizing function, set its 
growth limit to the maximum of the items’ max-content contributions.
        This is undefined, there is no such item (so I leave limit=infinity)
        -- I guess the difference between IE and me is here, it probably 
sets the limit to 0 at this step, why?

    - Increase sizes to accommodate spanning items
        There is no such item (so nothing is done here)

    - If the free space is positive, distribute it equally to all tracks, 
freezing tracks as they reach their growth limits
        Columns 1 and 3 are fixed to 150px
        Column 2 has a limit of infinity so it gets the remaining 300px

    - The other steps aren't relevant in this case.

Could someone point me where my reasoning is going wrong? Is my hypothesis 
about it right? If yes, then we set the growth limit to 0 instead of keeping 
it equal to the infinity when there's no span-of-one item in a column. 
Therefore, how can we possibly get a limit of infinity in the following 
steps, which seem to take care of this possibility in multiple places? Only 
if one of the item has a max-content of infinity? I can't seem to find any 
way to achieve this in a not-in-flow layout, but maybe I just lack 
imagination. Could someone provide an hint?

Best regards,
François 
Received on Monday, 18 August 2014 11:35:40 UTC

This archive was generated by hypermail 2.3.1 : Monday, 18 August 2014 11:35:41 UTC