You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
* never happens: tracks don't shrink below their base size
3460
-
min-content case
3461
-
* each flex track at its min-content size, might be uneven
3462
-
in-between case
3463
-
* each flex track >= min-content size, approaching all FRs equal
3464
-
midpoint case
3465
-
* each flex track is at least its min-content size, all FRs are equal
3466
-
max-content case
3467
-
* largest max-content track is at max-content, all FRs are equal
3468
-
> max-content case
3469
-
* each flex track is at least its max-content size, all FRs are equal
3470
-
3471
-
Conclusion: 1FR's base size is by default equivalent to min-content,
3472
-
we'll say it is equivalent to "use min-size property".
3473
-
3474
-
Difference in behavior of having min-content size (by accident) vs. sizing under min-content constraint!!!
3475
-
Question to author: do you want even FRs, or do you want to minimize overflow? Probably depends on 'overflow', just like in Flexbox! Nope, always minimize overflow. Even FRs will result in tracks beign *larger* than in an equivalent fixed-size container case, which doesn't make sense.
3476
-
3477
-
I think we can copy the "treat available space as 0/infinite in min/max constraint situations" paragraph down to the flexing paragraph. That'll produce the "minimum size" behavior for flexible things.
3478
-
3479
-
If you're sizing by intrinsic size, you use max(grid items' content size, grid item's min-size property).
3480
-
For flexible lengths, we could do the same thing OR we could just use the grid item's min-size property, treating auto as min-content.
3481
-
3482
-
Interesting question: should 'auto' mean minmax(min-content, max-content) or minmax('min-size property', max-content)?
3483
-
3484
-
What effect does min-size: auto vs. 0 have?
3485
-
3486
-
Consider: minmax(auto, ?) to mean minmax('min-size property', ?)
3487
-
Consider: auto to mean minmax(auto, max-content) instead of minmax(min-content, max-content) --
3488
-
otherwise if you set a grid item's min-width to 50px, it will still use the min-content size as a minimum;
3489
-
this way it honors min-width: 50px, which probably is what you want.
3490
-
(Definitely want the default to be min-content, but min-width: auto gives us that.)
3491
-
-->
3492
-
3493
3456
3494
3457
<h4 id="algo-find-fr-size">
3495
3458
Find the Size of an ''fr''</h4>
@@ -3524,6 +3487,8 @@ Find the Size of an ''fr''</h4>
3524
3487
Return the <a>hypothetical fr size</a>.
3525
3488
</ol>
3526
3489
3490
+
Issue: This doesn't yet handle the 0->1 transition properly, like Flexbox does. Fix it.
0 commit comments