| OLD | NEW | 
|   1 <!DOCTYPE html> |   1 <!DOCTYPE html> | 
|   2 <html> |   2 <html> | 
|   3 <script> |   3 <script> | 
|   4 if (window.testRunner) |   4 if (window.testRunner) | 
|   5     testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); |   5     testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); | 
|   6 </script> |   6 </script> | 
|   7 <link href="resources/grid.css" rel="stylesheet"> |   7 <link href="resources/grid.css" rel="stylesheet"> | 
|   8 <script src="../../resources/check-layout.js"></script> |   8 <script src="../../resources/check-layout.js"></script> | 
|   9 <style> |   9 <style> | 
|  10 .grid { |  10 .grid { | 
|  11     grid-auto-flow: row; |  11     grid-auto-flow: row; | 
|  12     grid-definition-rows: 50px 100px; |  12     grid-template-rows: 50px 100px; | 
|  13     grid-definition-columns: 40px; |  13     grid-template-columns: 40px; | 
|  14 } |  14 } | 
|  15  |  15  | 
|  16 #firstGridItem { |  16 #firstGridItem { | 
|  17     grid-row: auto; |  17     grid-row: auto; | 
|  18     grid-column: 1; |  18     grid-column: 1; | 
|  19 } |  19 } | 
|  20  |  20  | 
|  21 #secondGridItem { |  21 #secondGridItem { | 
|  22     grid-row: 1; |  22     grid-row: 1; | 
|  23     grid-column: auto; |  23     grid-column: auto; | 
| (...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
|  71 <div style="position: relative"> |  71 <div style="position: relative"> | 
|  72     <div class="grid"> |  72     <div class="grid"> | 
|  73         <div class="sizedToGridArea" id="firstGridItem"></div> |  73         <div class="sizedToGridArea" id="firstGridItem"></div> | 
|  74         <div class="sizedToGridArea" id="secondGridItem"></div> |  74         <div class="sizedToGridArea" id="secondGridItem"></div> | 
|  75         <div class="sizedToGridArea" id="thirdGridItem"></div> |  75         <div class="sizedToGridArea" id="thirdGridItem"></div> | 
|  76     </div> |  76     </div> | 
|  77 </div> |  77 </div> | 
|  78  |  78  | 
|  79 </body> |  79 </body> | 
|  80 </html> |  80 </html> | 
| OLD | NEW |