| 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 .gridMinMaxContent { | 9 .gridMinMaxContent { | 
| 10     grid-definition-columns: minmax(max-content, 50px); | 10     grid-template-columns: minmax(max-content, 50px); | 
| 11     grid-definition-rows: 60px; | 11     grid-template-rows: 60px; | 
| 12 } | 12 } | 
| 13 | 13 | 
| 14 .gridMaxMaxContent { | 14 .gridMaxMaxContent { | 
| 15     grid-definition-columns: minmax(30px, max-content); | 15     grid-template-columns: minmax(30px, max-content); | 
| 16     grid-definition-rows: 20px; | 16     grid-template-rows: 20px; | 
| 17 } | 17 } | 
| 18 | 18 | 
| 19 .firstRowFirstColumn { | 19 .firstRowFirstColumn { | 
| 20     font: 10px/1 Ahem; | 20     font: 10px/1 Ahem; | 
| 21     /* Make us fit our grid area. */ | 21     /* Make us fit our grid area. */ | 
| 22     width: 100%; | 22     width: 100%; | 
| 23     height: 100%; | 23     height: 100%; | 
| 24 } | 24 } | 
| 25 | 25 | 
| 26 .verticalRL { | 26 .verticalRL { | 
| (...skipping 66 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
| 93 | 93 | 
| 94 <div style="width: 100px; height: 20px"> | 94 <div style="width: 100px; height: 20px"> | 
| 95     <div class="grid gridMaxMaxContent"> | 95     <div class="grid gridMaxMaxContent"> | 
| 96         <!-- The 'max' logical width ends up being smaller than the 'min' so per
      the spec we ignore the 'max'. --> | 96         <!-- The 'max' logical width ends up being smaller than the 'min' so per
      the spec we ignore the 'max'. --> | 
| 97         <div class="firstRowFirstColumn" data-expected-width="30" data-expected-
     height="20">XX</div> | 97         <div class="firstRowFirstColumn" data-expected-width="30" data-expected-
     height="20">XX</div> | 
| 98     </div> | 98     </div> | 
| 99 </div> | 99 </div> | 
| 100 | 100 | 
| 101 </body> | 101 </body> | 
| 102 </html> | 102 </html> | 
| OLD | NEW | 
|---|