OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <link href="resources/grid.css" rel="stylesheet"> |
| 3 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel
="stylesheet"> |
| 4 <style> |
| 5 body { |
| 6 margin: 0; |
| 7 } |
| 8 .grid { |
| 9 border: 5px solid; |
| 10 width: fit-content; |
| 11 grid-template-rows: 50px; |
| 12 font: 25px/1 Ahem; |
| 13 } |
| 14 .i1 { |
| 15 color: magenta; |
| 16 background: cyan; |
| 17 writing-mode: vertical-lr; |
| 18 } |
| 19 </style> |
| 20 <script src="../../resources/testharness.js"></script> |
| 21 <script src="../../resources/testharnessreport.js"></script> |
| 22 <script src="../../resources/check-layout-th.js"></script> |
| 23 <script> |
| 24 function runTest() { |
| 25 checkLayout('.grid'); |
| 26 document.body.offsetLeft; |
| 27 checkLayout('.grid'); |
| 28 document.body.offsetLeft; |
| 29 checkLayout('.grid'); |
| 30 } |
| 31 </script> |
| 32 <body onload="runTest();"> |
| 33 <p>Regression test for bug 628565 - Ensure that we get the same sizing results w
hen doing several layouts.</p> |
| 34 <div class="grid" data-expected-width="35" data-expected-height="60"> |
| 35 <div class="i1" data-expected-width="50" data-expected-height="50">XX X</div> |
| 36 </div> |
| 37 </body |
OLD | NEW |