| OLD | NEW | 
|    1 <!DOCTYPE html> |    1 <!DOCTYPE html> | 
|    2 <html> |    2 <html> | 
|    3 <script> |  | 
|    4 if (window.testRunner) |  | 
|    5     testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); |  | 
|    6 </script> |  | 
|    7 <link href="resources/grid.css" rel="stylesheet"> |    3 <link href="resources/grid.css" rel="stylesheet"> | 
|    8 <style> |    4 <style> | 
|    9 .gridMinFlexContent { |    5 .gridMinFlexContent { | 
|   10     grid-template-columns: minmax(1fr, 50px); |    6     grid-template-columns: minmax(1fr, 50px); | 
|   11     grid-template-rows: 50px; |    7     grid-template-rows: 50px; | 
|   12 } |    8 } | 
|   13 .gridMaxFlexContent { |    9 .gridMaxFlexContent { | 
|   14     grid-template-columns: minmax(30px, 2fr); |   10     grid-template-columns: minmax(30px, 2fr); | 
|   15     grid-template-rows: 50px; |   11     grid-template-rows: 50px; | 
|   16 } |   12 } | 
| (...skipping 103 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
|  120 <!-- Custom test for a corner case. --> |  116 <!-- Custom test for a corner case. --> | 
|  121 <div style="width: 570px; height: 10px;"> |  117 <div style="width: 570px; height: 10px;"> | 
|  122     <div class="grid gridIgnoreSecondGridItem"> |  118     <div class="grid gridIgnoreSecondGridItem"> | 
|  123         <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="42
     0" data-expected-height="50"></div> |  119         <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="42
     0" data-expected-height="50"></div> | 
|  124         <div class="sizedToGridArea firstRowSecondColumn" data-expected-width="1
     50" data-expected-height="50"></div> |  120         <div class="sizedToGridArea firstRowSecondColumn" data-expected-width="1
     50" data-expected-height="50"></div> | 
|  125     </div> |  121     </div> | 
|  126 </div> |  122 </div> | 
|  127  |  123  | 
|  128 </body> |  124 </body> | 
|  129 </html> |  125 </html> | 
| OLD | NEW |