| 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 <style> |    8 <style> | 
|    9 .grid { |    9 .grid { | 
|   10     grid-definition-columns: (first) 50px (middle) 100px (last); |   10     grid-template-columns: (first) 50px (middle) 100px (last); | 
|   11     grid-definition-rows: (first) 50px (middle) 100px (last); |   11     grid-template-rows: (first) 50px (middle) 100px (last); | 
|   12     /* To detect how much we extend the grid. */ |   12     /* To detect how much we extend the grid. */ | 
|   13     grid-auto-columns: 200px; |   13     grid-auto-columns: 200px; | 
|   14     grid-auto-rows: 200px; |   14     grid-auto-rows: 200px; | 
|   15  |   15  | 
|   16     /* Make the grid shrink-to-fit. */ |   16     /* Make the grid shrink-to-fit. */ | 
|   17     position: absolute; |   17     position: absolute; | 
|   18 } |   18 } | 
|   19  |   19  | 
|   20 .negativeStartPositionGrowGridInColumnDirection { |   20 .negativeStartPositionGrowGridInColumnDirection { | 
|   21     grid-column: -1 / auto; |   21     grid-column: -1 / auto; | 
| (...skipping 176 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
|  198 </div> |  198 </div> | 
|  199  |  199  | 
|  200 <div style="position: relative"> |  200 <div style="position: relative"> | 
|  201 <div class="grid" data-expected-width="150" data-expected-height="150"> |  201 <div class="grid" data-expected-width="150" data-expected-height="150"> | 
|  202     <div class="sizedToGridArea namedGridLineEndPositionStartNegativeInRowDirect
     ion" data-offset-x="0" data-offset-y="0" data-expected-width="50" data-expected-
     height="50"></div> |  202     <div class="sizedToGridArea namedGridLineEndPositionStartNegativeInRowDirect
     ion" data-offset-x="0" data-offset-y="0" data-expected-width="50" data-expected-
     height="50"></div> | 
|  203 </div> |  203 </div> | 
|  204 </div> |  204 </div> | 
|  205  |  205  | 
|  206 </body> |  206 </body> | 
|  207 </html> |  207 </html> | 
| OLD | NEW |