Generated. Do not edit!

--HG--
extra : rebase_source : 41138f288fe40b973a0d52006a83e7d3b7ee2d09

Author: bert-github

css-template/Overview.html

@@ -11,7 +11,7 @@
    rel=dcterms.rights>
   <meta content="CSS Grid Template Layout Module" name=dcterms.title>
   <meta content=text name=dcterms.type>
-  <meta content=2013-07-03 name=dcterms.date>
+  <meta content=2013-07-17 name=dcterms.date>
   <meta content="Bert Bos" name=dcterms.creator>
   <meta content="César Acebal" name=dcterms.creator>
   <meta content=W3C name=dcterms.publisher>
@@ -38,7 +38,7 @@
    <h1 class=p-name>CSS Grid Template Layout Module</h1>
 
    <h2 class="no-num no-toc" id=longstatus-date-3-august-2004>Editor's Draft
-    3 July 2013</h2>
+    17 July 2013</h2>
 
    <dl>
     <dt>This version:
@@ -2977,7 +2977,7 @@ <h3 id=stacking-elements-on-top-of-a-grid-grid-><span class=secno>4.2.
     <tr>
      <th><a href="#values">Value</a>:
 
-     <td>none | rows | columns
+     <td>none | [ rows && dense? ] | [ columns && dense? ]
 
     <tr>
      <th>Initial:
@@ -3165,18 +3165,29 @@ <h3 id=stacking-elements-on-top-of-a-grid-grid-><span class=secno>4.2.
    <dt>rows
 
    <dd>
-    <p>The element is positioned as high as possible in the grid (and if
-     there are multiple solutions at the same height: as far to the left as
-     possible) such that is doesn't overlap with any earlier elements in the
-     document that have the same <a href="#grid-ancestor"><em>grid
-     ancestor</em></a> and ‘<a href="#grid-area"><code
-     class=property>grid-area</code></a>’ other then ‘<a
-     href="#none"><code class=css>none</code></a>’. More precisely: the
-     element is placed as for ‘<code class=css>grid-area: <var>x</var>
-     <var>y</var> <var>W</var> <var>H</var></code>’, where <var>x</var> and
-     <var>y</var> are chosen as follows: <span class=issue>Define. Tight
-     packing (i.e., closest to top left corner) or preserve element order
-     (i.e., to the right or below of previous element)?</span>
+    <p>Loosely: the element is positioned in the currently last row, to the
+     right of all elements in the row, unless it doesn't fit, in which case
+     it is positioned in the first column of a newly created row.
+
+    <p>More precisely: let (<var>x</var><sub><var>i</var></sub>,
+     <var>y</var><sub><var>i</var></sub>,
+     <var>W</var><sub><var>i</var></sub>,
+     <var>H</var><sub><var>i</var></sub>) be the columns, rows, widths and
+     heights of element <var>i</var> for all elements that come earlier in
+     the document and that are positioned in the current grid with ‘<a
+     href="#grid-area"><code class=property>grid-area</code></a>’. Let
+     <var>L</var> =
+     max<sub><var>i</var></sub>(<var>y</var><sub><var>i</var></sub>). If
+     there are no <var>i</var>, then <var>L</var> = 1. One can think of
+     <var>L</var> as the row that is currently being filled. Let <var>C</var>
+     = max<sub>j</sub>(<var>x</var><sub><var>j</var></sub> +
+     <var>W</var><sub><var>j</var></sub>) for all <var>j</var> such that
+     <var>y</var><sub><var>j</var></sub> = L. If there are no <var>j</var>,
+     then <var>C</var> = 1. This is the next available column in the current
+     row. Then the element is positioned at (<var>L</var>, <var>C</var>) if
+     <var>C</var> = 1 or <var>C</var> + <var>W</var> is less then the <a
+     href="#number-of-columns"><em>number of columns</em></a> and it is
+     positioned at (<var>L</var> + 1, 1) otherwise.
 
     <p>The name ‘<code class=property>rows</code>’ comes from the fact
      that this algorithms tends to fill a row with subsequent elements and
@@ -3189,16 +3200,13 @@ <h3 id=stacking-elements-on-top-of-a-grid-grid-><span class=secno>4.2.
    <dt>columns
 
    <dd>
-    <p>The element is positioned as far to the left as possible in the grid
-     (and if there are multiple solutions: as high as possible) such that is
-     doesn't overlap with any earlier elements in the document that have the
-     same <a href="#grid-ancestor"><em>grid ancestor</em></a> and ‘<a
-     href="#grid-area"><code class=property>grid-area</code></a>’ other
-     then ‘<a href="#none"><code class=css>none</code></a>’. More
-     precisely: the element is placed as for ‘<code class=css>grid-area:
-     <var>x</var> <var>y</var> <var>W</var> <var>H</var></code>’, where
-     <var>x</var> and <var>y</var> are chosen as follows: <span
-     class=issue>define</span>
+    <p class=issue>Analogous…
+
+   <dt>dense
+
+   <dd>
+    <p>The element is positioned in the first available unused space in the
+     grid. <span class=issue>Drop? or define?</span>
   </dl>
 
   <p class=issue>The pair of keywords ‘<code class=css>same/next</code>’
@@ -6596,7 +6604,7 @@ <h2 class=no-num id=property-index>Property index</h2>
     <tr>
      <th><a class=property href="#grid-auto">grid-auto</a>
 
-     <td>none | rows | columns
+     <td>none | [ rows && dense? ] | [ columns && dense? ]
 
      <td>none