[css-flexbox] Try to fix errors in flexbox algo (missing definition of how to handle auto cross size when calculating a cross-size-dependent main size).

Author: fantasai

css-flexbox/Overview.html

@@ -2054,25 +2054,25 @@ <h3 class="heading settled heading" data-level=9.2 id=line-sizing><span class=se
 					that’s the <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a>.
 
 				<li>
-					If the <a data-link-type=dfn href=#flex-basis title="flex basis">flex basis</a> is <a class=css-code data-link-for=width data-link-type=value title=auto>auto</a> or depends on its available size,
-					and the flex container is being sized under a min-content or max-content constraint
-					(e.g. when performing <a href=http://www.w3.org/TR/CSS21/tables.html#auto-table-layout>automatic table layout</a> <a data-biblio-type=normative data-link-type=biblio href=#css21 title=css21>[CSS21]</a>),
-					size the item under that constraint.
-					The <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a> is the item’s resulting main size.
-
-				<li>
-					If the flex item has ..
+					If the flex item has ...
 					<ul>
 						<li>an intrinsic aspect ratio
 						<li>a <a data-link-type=dfn href=#flex-basis title="flex basis">flex basis</a> of <a class=css-code data-link-for=width data-link-type=value title=auto>auto</a>
 						<li>a definite <a data-link-type=dfn href=#cross-size title="cross size">cross size</a>
 					</ul>
-					then the <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a> is calculated from its <a data-link-type=dfn href=#cross-size title="cross size">cross size</a>
+					then the <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a> is calculated from its inner <a data-link-type=dfn href=#cross-size title="cross size">cross size</a>
 					and the <a data-link-type=dfn href=#flex-item title="flex item">flex item</a>’s intrinsic aspect ratio.
 
 					<p class=issue id=issue-8a5126c8><a class=self-link href=#issue-8a5126c8></a>
 						This substep needs review, see thread at <a href=http://lists.w3.org/Archives/Public/www-style/2012Oct/0781.html>http://lists.w3.org/Archives/Public/www-style/2012Oct/0781.html</a>.
 
+				<li>
+					If the <a data-link-type=dfn href=#flex-basis title="flex basis">flex basis</a> is <a class=css-code data-link-for=width data-link-type=value title=auto>auto</a> or depends on its available size,
+					and the flex container is being sized under a min-content or max-content constraint
+					(e.g. when performing <a href=http://www.w3.org/TR/CSS21/tables.html#auto-table-layout>automatic table layout</a> <a data-biblio-type=normative data-link-type=biblio href=#css21 title=css21>[CSS21]</a>),
+					size the item under that constraint.
+					The <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a> is the item’s resulting main size.
+
 				<li>
 					Otherwise,
 					if the <a data-link-type=dfn href=#flex-basis title="flex basis">flex basis</a> is <a class=css-code data-link-for=width data-link-type=value title=auto>auto</a> or depends on its available size,
@@ -2084,10 +2084,14 @@ <h3 class="heading settled heading" data-level=9.2 id=line-sizing><span class=se
 
 				<li>
 					Otherwise,
-					lay out the item into the available space
-					using its flex basis in place of its main size,
-					and treating a main size of <a class=css-code data-link-for=width data-link-type=value title=auto>auto</a> as <span class=css data-link-type=maybe title=max-content>max-content</span>.
-					The <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a> is the item’s resulting main size.
+					lay out the item into the <a data-link-type=dfn href=http://dev.w3.org/csswg/css-sizing-3/#available title="available space">available space</a>
+					using its <a data-link-type=dfn href=#flex-basis title="flex basis">flex basis</a> in place of its <a data-link-type=dfn href=#main-size title="main size">main size</a>,
+					treating a <a data-link-type=dfn href=#main-size title="main size">main size</a> of <a class=css-code data-link-for=width data-link-type=value title=auto>auto</a> as <span class=css data-link-type=maybe title=max-content>max-content</span>.
+					If a <a data-link-type=dfn href=#cross-size title="cross size">cross size</a> is needed to determine the <a data-link-type=dfn href=#main-size title="main size">main size</a>
+					(e.g. when the <a data-link-type=dfn href=#flex-item title="flex item">flex item</a>’s <a data-link-type=dfn href=#main-size title="main size">main size</a> is in it’s block axis)
+					and the <a data-link-type=dfn href=#flex-item title="flex item">flex item</a>’s cross size is <a class=css data-link-type=maybe href=#valuedef-auto0 title=auto>auto</a> and not <a data-link-type=dfn href=#definite title=definite>definite</a>,
+					in this calculation use <span class=css data-link-type=maybe title=fit-content>fit-content</span> as the <a data-link-type=dfn href=#flex-item title="flex item">flex item</a>’s <a data-link-type=dfn href=#cross-size title="cross size">cross size</a>.
+					The <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a> is the item’s resulting <a data-link-type=dfn href=#main-size title="main size">main size</a>.
 
 			</ol>
 

css-flexbox/Overview.src.html

@@ -2041,25 +2041,25 @@ <h3 id='line-sizing'>
 					that's the <i>flex base size</i>.
 
 				<li>
-					If the <a>flex basis</a> is <a value for=width>auto</a> or depends on its available size,
-					and the flex container is being sized under a min-content or max-content constraint
-					(e.g. when performing <a href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout">automatic table layout</a> [[!CSS21]]),
-					size the item under that constraint.
-					The <i>flex base size</i> is the item's resulting main size.
-
-				<li>
-					If the flex item has ..
+					If the flex item has ...
 					<ul>
 						<li>an intrinsic aspect ratio
 						<li>a <a>flex basis</a> of <a value for=width>auto</a>
 						<li>a definite <i>cross size</i>
 					</ul>
-					then the <i>flex base size</i> is calculated from its <i>cross size</i>
+					then the <i>flex base size</i> is calculated from its inner <i>cross size</i>
 					and the <i>flex item</i>&rsquo;s intrinsic aspect ratio.
 
 					<p class='issue'>
 						This substep needs review, see thread at <a href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0781.html">http://lists.w3.org/Archives/Public/www-style/2012Oct/0781.html</a>.
 
+				<li>
+					If the <a>flex basis</a> is <a value for=width>auto</a> or depends on its available size,
+					and the flex container is being sized under a min-content or max-content constraint
+					(e.g. when performing <a href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout">automatic table layout</a> [[!CSS21]]),
+					size the item under that constraint.
+					The <i>flex base size</i> is the item's resulting main size.
+
 				<li>
 					Otherwise,
 					if the <a>flex basis</a> is <a value for=width>auto</a> or depends on its available size,
@@ -2071,10 +2071,14 @@ <h3 id='line-sizing'>
 
 				<li>
 					Otherwise,
-					lay out the item into the available space
-					using its flex basis in place of its main size,
-					and treating a main size of <a value for=width>auto</a> as ''max-content''.
-					The <i>flex base size</i> is the item's resulting main size.
+					lay out the item into the <i>available space</i>
+					using its <i>flex basis</i> in place of its <i>main size</i>,
+					treating a <i>main size</i> of <a value for=width>auto</a> as ''max-content''.
+					If a <i>cross size</i> is needed to determine the <i>main size</i>
+					(e.g. when the <i>flex item</i>’s <i>main size</i> is in it’s block axis)
+					and the <i>flex item</i>’s cross size is ''auto'' and not <i>definite</i>,
+					in this calculation use ''fit-content'' as the <i>flex item</i>’s <i>cross size</i>.
+					The <i>flex base size</i> is the item's resulting <i>main size</i>.
 
 			</ol>