| OLD | NEW | 
|   1 <!DOCTYPE html> |   1 <!DOCTYPE html> | 
|   2 <html> |   2 <html> | 
|   3 <head> |   3 <head> | 
|   4 <script> |  | 
|   5 if (window.testRunner) |  | 
|   6     testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); |  | 
|   7 </script> |  | 
|   8 <link href="resources/grid.css" rel="stylesheet"> |   4 <link href="resources/grid.css" rel="stylesheet"> | 
|   9 <style> |   5 <style> | 
|  10 .grid { |   6 .grid { | 
|  11     grid-template-rows: 100px; |   7     grid-template-rows: 100px; | 
|  12     grid-template-columns: 100px; |   8     grid-template-columns: 100px; | 
|  13     width: -webkit-fit-content; |   9     width: -webkit-fit-content; | 
|  14 } |  10 } | 
|  15 .sizedToGridArea { |  11 .sizedToGridArea { | 
|  16     background-color: green; |  12     background-color: green; | 
|  17 } |  13 } | 
| (...skipping 18 matching lines...) Expand all  Loading... | 
|  36         <div class="sizedToGridArea firstRowFirstColumn"></div> |  32         <div class="sizedToGridArea firstRowFirstColumn"></div> | 
|  37         <div class="sizedToGridArea firstRowFirstColumn negativeOrder red"></div
    > |  33         <div class="sizedToGridArea firstRowFirstColumn negativeOrder red"></div
    > | 
|  38     </div> |  34     </div> | 
|  39  |  35  | 
|  40     <div class="grid"> |  36     <div class="grid"> | 
|  41         <div class="sizedToGridArea firstRowFirstColumn positiveOrder"></div> |  37         <div class="sizedToGridArea firstRowFirstColumn positiveOrder"></div> | 
|  42         <div class="sizedToGridArea firstRowFirstColumn red"></div> |  38         <div class="sizedToGridArea firstRowFirstColumn red"></div> | 
|  43     </div> |  39     </div> | 
|  44 </body> |  40 </body> | 
|  45 </html> |  41 </html> | 
| OLD | NEW |