Re: [csswg-drafts] [css-grid] Percentages and intrinsic size

Ok, so we're down to only how to treat percentage gaps in indefinitely-sized containers. The proposed solutions so far are:
    
<dl>
  <dt> A = contribute back-computatation ratio, resolve as percent
  <dd>Back-compute percentages on gaps: the intrinsic size of the grid container is the sum of the intrinsic sizes of the tracks multiplied by a ratio computed from the sum of the percentage gaps. (@MatsPalmgren will provide the exact formula for this ratio, which presumably includes some clamping, and is implemented in Gecko.) The gaps then resolve against that size.

  <dt>B = contribute zero, resolve as percent
  <dd>Percentage gaps contribute zero, resolve against intrinsic size: the intrinsic size of the grid container is the sum of the intrinsic sizes of the tracks. The gaps then resolve against that size in both axes.

  <dt>C = contribute auto, resolve as percent
  <dd>Percentage gaps contribute based on content that was spanned, exactly as if they were percentage tracks. The intrinsic size of the grid container is the sum of the intrinsic sizes of the tracks assuming the gaps are also `auto` tracks. The gaps then resolve against that size in both axes.

  <dt> D = contribute zero, resolve as zero
  <dd>Percentage gaps contribute zero, resolve against intrinsic size: the intrinsic size of the grid container is the sum of the intrinsic sizes of the tracks. The gaps also resolve as zero: the percentage is treated exactly as zero inside indefinite containers.
  
  <dt>E = contribute auto, resolve as auto
  <dd>Percentage gaps contribute based on content that was spanned, exactly as if they were percentage tracks. The intrinsic size of the grid container is the sum of the intrinsic sizes of the tracks assuming the gaps are also `auto` tracks. The gaps are also resolved as auto: they behave exactly as an ''auto'' track inside indefinite containers, and therefore may vary in size.
  
  <dt>F = contribute zero, resolve as percent (for column-gap) or zero (for row-gap)
  <dd>B for column gaps (contribute zero, resolve as percentage), D for row gaps (contribute zero, resolve as zero). (This is apparently what Blink does?)
</dl>

E is right out. Agenda+ to discuss, @MatsPalmgren it would be great if you provided the formula so people don't dismiss your proposal as “but that's hard” and also if we can have you involved in the discussion. :)

-- 
GitHub Notification of comment by fantasai
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/509#issuecomment-333236096 using your GitHub account

Received on Friday, 29 September 2017 20:51:34 UTC