@@ -1983,6 +1983,22 @@ Orthogonal Flows</h3>
19831983 even though they are in the <i> block-axis</i> of the child.
19841984 </div>
19851985
1986+ <div class="note" id="orthogonal-shrink-to-fit">
1987+ Note that this section requires that
1988+ when an auto-sized child box establishes an orthogonal flow,
1989+ the used size of the child
1990+ is calculated to fit its content;
1991+ and this resulting content-based size
1992+ is used as input to the <i> inline-axis</i> <var> min-content</var> and <var> max-content</var> of the parent.
1993+ <p>
1994+ This means that when applying shrink-to-fit formula to a box
1995+ such as an inline-block, float, or table-cell,
1996+ if its child establishes an orthogonal flow,
1997+ the calculation dependency must be changed so that
1998+ the sizing phase of the child runs first and
1999+ its used <i> block size</i> becomes an input to the <i> inline-size</i> shrink-to-fit formula of the parent.
2000+ </div>
2001+
19862002<h4 id="orthogonal-auto">
19872003Available Sizes in Orthogonal Flows</h4>
19882004
@@ -2105,23 +2121,6 @@ Auto-sizing Block Containers in Orthogonal Flows</h4>
21052121
21062122 <p class="issue"> <a href="https://lists.w3.org/Archives/Public/www-style/2015Apr/0212.html">Defer proposal in ML</a> not resolved yet</p>
21072123
2108- <div class="note" id="orthogonal-shrink-to-fit">
2109- <p>
2110- Note that this section requires that
2111- when an auto-sized child box establishes an orthogonal flow,
2112- the used size of the child
2113- is calculated to fit its content;
2114- and this resulting content-based size
2115- is used as input to the <i> inline-axis</i> <var> min-content</var> and <var> max-content</var> of the parent.
2116- <p>
2117- This means that when applying shrink-to-fit formula to a box
2118- such as an inline-block, float, or table-cell,
2119- if its child establishes an orthogonal flow,
2120- the calculation dependency must be changed so that
2121- the sizing phase of the child runs first and
2122- its used <i> block size</i> becomes an input to the <i> inline-size</i> shrink-to-fit formula of the parent.
2123- </div>
2124-
21252124<h4 id="orthogonal-layout">
21262125Auto-sizing Other Orthogonal Flow Roots</h4>
21272126
0 commit comments