[css-grid] Fix orthogonal flow issue.

Author: fantasai

css-grid/Overview.bs

@@ -2630,12 +2630,17 @@ Overall Sizing Algorithm</h3>
 
 	<ol>
 		<li>
-			First, the <a>track sizing algorithm</a> is used to resolve the sizes of the grid columns.
+			First, the <a>track sizing algorithm</a> is used to resolve the sizes of the <a>grid columns</a>.
 
-			Issue: Need to assign preliminary row sizes in order to handle orthogonal flows.
+			If calculating the layout of a <a>grid item</a> in this step
+			depends on the <a>available space</a> in the <a>row axis</a>,
+			assume the <a>available space</a> that it would have
+			if any row with a <a>definite</a> <a>max track sizing function</a>
+			had that size and all other rows were infinite.
 
 		<li>
-			Next, the <a>track sizing algorithm</a> resolves the sizes of the grid rows.
+			Next, the <a>track sizing algorithm</a> resolves the sizes of the <a>grid rows</a>,
+			using the <a>grid column</a> sizes calculated in the previous step.
 
 		<li>
 			Then, if the <a>min-content contribution</a> of any grid items have changed
@@ -2647,7 +2652,7 @@ Overall Sizing Algorithm</h3>
 				depends on the <a>block size</a> of its <a>grid area</a>.
 				Examples include wrapped column <a>flex containers</a> (''flex-flow: column wrap''),
 				<a>orthogonal flows</a> ('writing-mode'),
-				and <a spec=css-multicol>multi-column element</a>.
+				and <a spec=css-multicol>multi-column elements</a>.
 			</div>
 
 			Issue: Is one cycle enough?

css-grid/Overview.html

@@ -4959,16 +4959,21 @@ <h3 class="heading settled" data-level="10.2" id="algo-overview"><span class="se
       <ol>
 
         <li>
-			First, the <a data-link-type="dfn" href="#track-sizing-algorithm">track sizing algorithm</a> is used to resolve the sizes of the grid columns.
+			First, the <a data-link-type="dfn" href="#track-sizing-algorithm">track sizing algorithm</a> is used to resolve the sizes of the <a data-link-type="dfn" href="#grid-column">grid columns</a>.
 
 
-          <p class="issue" id="issue-c7fde6f2"><a class="self-link" href="#issue-c7fde6f2"></a>Need to assign preliminary row sizes in order to handle orthogonal flows.</p>
+          <p>If calculating the layout of a <a data-link-type="dfn" href="#grid-item">grid item</a> in this step
+			depends on the <a data-link-type="dfn" href="#available-space">available space</a> in the <a data-link-type="dfn" href="#row-axis">row axis</a>,
+			assume the <a data-link-type="dfn" href="#available-space">available space</a> that it would have
+			if any row with a <a data-link-type="dfn" href="http://dev.w3.org/csswg/css-sizing-3/#definite">definite</a> <a data-link-type="dfn" href="#max-track-sizing-function">max track sizing function</a>
+			had that size and all other rows were infinite.</p>
 
 
 
         </li>
         <li>
-			Next, the <a data-link-type="dfn" href="#track-sizing-algorithm">track sizing algorithm</a> resolves the sizes of the grid rows.
+			Next, the <a data-link-type="dfn" href="#track-sizing-algorithm">track sizing algorithm</a> resolves the sizes of the <a data-link-type="dfn" href="#grid-row">grid rows</a>,
+			using the <a data-link-type="dfn" href="#grid-column">grid column</a> sizes calculated in the previous step.
 
 		</li>
         <li>
@@ -4982,7 +4987,7 @@ <h3 class="heading settled" data-level="10.2" id="algo-overview"><span class="se
 				depends on the <a data-link-type="dfn" href="http://dev.w3.org/csswg/css-writing-modes-3/#block-size">block size</a> of its <a data-link-type="dfn" href="#grid-area">grid area</a>.
 				Examples include wrapped column <a data-link-type="dfn" href="http://dev.w3.org/csswg/css-flexbox-1/#flex-container">flex containers</a> (<a class="css" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-flexbox-1/#propdef-flex-flow" title="flex-flow">flex-flow: column wrap</a>),
 				<a data-link-type="dfn" href="http://dev.w3.org/csswg/css-writing-modes-3/#establish-an-orthogonal-flow">orthogonal flows</a> (<a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-writing-modes-3/#propdef-writing-mode">writing-mode</a>),
-				and <a data-link-spec="css-multicol" data-link-type="dfn" href="http://dev.w3.org/csswg/css-multicol-1/#multi-column-element">multi-column element</a>.
+				and <a data-link-spec="css-multicol" data-link-type="dfn" href="http://dev.w3.org/csswg/css-multicol-1/#multi-column-element">multi-column elements</a>.
 			</div>
 
 
@@ -6418,7 +6423,6 @@ <h2 class="no-num heading settled" id="issues-index"><span class="content">Issue
       <div class="issue">
 			TODO: provide example
 	<a href="#issue-3a8dda12"> ↵ </a></div>
-      <div class="issue">Need to assign preliminary row sizes in order to handle orthogonal flows.<a href="#issue-c7fde6f2"> ↵ </a></div>
       <div class="issue">Is one cycle enough?<a href="#issue-4f54519f"> ↵ </a></div>
       <div class="issue">Make sure orthogonal flows are correctly addressed.
 	(<a href="http://lists.w3.org/Archives/Public/www-style/2014Feb/0389.html">discussion</a>)