| 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: 40% 60%; | 10 grid-template-columns: 40% 60%; |
| 11 grid-definition-rows: 30% 70%; | 11 grid-template-rows: 30% 70%; |
| 12 width: 400px; | 12 width: 400px; |
| 13 height: 300px; | 13 height: 300px; |
| 14 } | 14 } |
| 15 | 15 |
| 16 #bigGrid { | 16 #bigGrid { |
| 17 grid-definition-columns: 25% 25% 25% 25%; | 17 grid-template-columns: 25% 25% 25% 25%; |
| 18 grid-definition-rows: 25% 25% 25% 25%; | 18 grid-template-rows: 25% 25% 25% 25%; |
| 19 height: 100px; | 19 height: 100px; |
| 20 width: 200px; | 20 width: 200px; |
| 21 } | 21 } |
| 22 | 22 |
| 23 .negativeOverflowRowFirstColumn { | 23 .negativeOverflowRowFirstColumn { |
| 24 grid-row: 1 / -5; | 24 grid-row: 1 / -5; |
| 25 grid-column: 1; | 25 grid-column: 1; |
| 26 } | 26 } |
| 27 | 27 |
| 28 .overflowRowFirstColumn { | 28 .overflowRowFirstColumn { |
| (...skipping 145 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 174 <div class="sizedToGridArea thirdRowSpanning2Column3" data-offset-x="0" data
-offset-y="50" data-expected-width="100" data-expected-height="25"></div> | 174 <div class="sizedToGridArea thirdRowSpanning2Column3" data-offset-x="0" data
-offset-y="50" data-expected-width="100" data-expected-height="25"></div> |
| 175 </div> | 175 </div> |
| 176 | 176 |
| 177 <div style="position: relative"> | 177 <div style="position: relative"> |
| 178 <div class="grid" id="bigGrid" data-expected-width="200" data-expected-height="1
00"> | 178 <div class="grid" id="bigGrid" data-expected-width="200" data-expected-height="1
00"> |
| 179 <div class="sizedToGridArea underflowSpanning" data-offset-x="0" data-offset
-y="0" data-expected-width="100" data-expected-height="75"></div> | 179 <div class="sizedToGridArea underflowSpanning" data-offset-x="0" data-offset
-y="0" data-expected-width="100" data-expected-height="75"></div> |
| 180 </div> | 180 </div> |
| 181 | 181 |
| 182 </body> | 182 </body> |
| 183 </html> | 183 </html> |
| OLD | NEW |