| 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 .gridMinMinContent { |   5 .gridMinMinContent { | 
|  10     grid-template-columns: minmax(min-content, 40px); |   6     grid-template-columns: minmax(min-content, 40px); | 
|  11     grid-template-rows: 50px; |   7     grid-template-rows: 50px; | 
|  12 } |   8 } | 
|  13  |   9  | 
|  14 .gridMaxMinContent { |  10 .gridMaxMinContent { | 
|  15     grid-template-columns: minmax(30px, min-content); |  11     grid-template-columns: minmax(30px, min-content); | 
|  16     grid-template-rows: 20px; |  12     grid-template-rows: 20px; | 
| (...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
|  89  |  85  | 
|  90 <div style="width: 100px; height: 20px"> |  86 <div style="width: 100px; height: 20px"> | 
|  91     <div class="grid gridMaxMinContent"> |  87     <div class="grid gridMaxMinContent"> | 
|  92         <!-- The 'max' logical width ends up being smaller than the 'min' so per
     the spec we ignore the 'max'. --> |  88         <!-- The 'max' logical width ends up being smaller than the 'min' so per
     the spec we ignore the 'max'. --> | 
|  93         <div class="firstRowFirstColumn" data-expected-width="30" data-expected-
    height="20">XX XX XX XX XX XX</div> |  89         <div class="firstRowFirstColumn" data-expected-width="30" data-expected-
    height="20">XX XX XX XX XX XX</div> | 
|  94     </div> |  90     </div> | 
|  95 </div> |  91 </div> | 
|  96  |  92  | 
|  97 </body> |  93 </body> | 
|  98 </html> |  94 </html> | 
| OLD | NEW |