Skip to content

Commit 1ddd303

Browse files
committed
[css-flexbox] Address dholbert's comments wrt dimensional mismatch for flex shrink factors. #1735
1 parent c2541c8 commit 1ddd303

1 file changed

Lines changed: 10 additions & 6 deletions

File tree

css-flexbox/Overview.bs

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2789,21 +2789,24 @@ Flex Container Intrinsic Main Sizes</h4>
27892789

27902790
The <strong><a>max-content</a> <a>main size</a> of a <a>flex container</a></strong>
27912791
is the smallest size the <a>flex container</a> can take
2792-
while maintaining the [[#intrinsic-item-contributions|max-content contributions]] of its <a>flex items</a>:
2792+
while maintaining the [[#intrinsic-item-contributions|max-content contributions]] of its <a>flex items</a> insofar as possible
2793+
(but also respecting continuity with zero for 0 < ∑<var>flex factors</var> < 1):
27932794

27942795
<ol>
27952796
<li>
27962797
Place all <a>flex items</a> into lines of infinite length.
27972798

27982799
<li>
27992800
For each <a>flex item</a>,
2800-
subtract its outer <a>flex base size</a> from its [[#intrinsic-item-contributions|max-content contribution]] size.
2801+
find its <var>max-content flex fraction<var>:
2802+
Subtract its outer <a>flex base size</a> from its [[#intrinsic-item-contributions|max-content contribution]] size.
28012803
If that result is positive,
28022804
divide by its <a>flex grow factor</a> floored at 1;
28032805
if negative,
2804-
by its <a>scaled flex shrink factor</a>
2805-
having floored the <a>flex shrink factor</a> at 1.
2806-
This is the item's <var>max-content flex fraction</var>.
2806+
by its <a>flex shrink factor</a> floored at 1
2807+
multipled by its <var>flex base ratio</var>--
2808+
the ratio of its <a>flex base size</a>
2809+
to the sum of the <a>flex base sizes</a> of all shrinkable items on the line.
28072810

28082811
<li>
28092812
Within each line,
@@ -2819,7 +2822,8 @@ Flex Container Intrinsic Main Sizes</h4>
28192822
<li>
28202823
Add each item’s <a>flex base size</a>
28212824
to the product of its <em>rescaled</em> <a>flex grow factor</a>
2822-
(or <em>rescaled</em> <a>scaled flex shrink factor</a>,
2825+
(or its <em>rescaled</em> <a>flex shrink factor</a>
2826+
multiplied by its <var>flex base ratio</a>,
28232827
if the chosen <var>max-content flex fraction</var> was negative)
28242828
and the chosen <var>max-content flex fraction</var>,
28252829
then clamp that result by the <a>max main size property</a>

0 commit comments

Comments
 (0)