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 .container { |
| 9 width: 100px; |
| 10 } |
| 11 .grid { |
| 12 border: 5px solid; |
| 13 grid-template-rows: 50px; |
| 14 font: 25px/1 Ahem; |
| 15 } |
| 16 .i1 { |
| 17 color: magenta; |
| 18 background: cyan; |
| 19 writing-mode: vertical-lr; |
| 20 } |
| 21 .i2 { |
| 22 color: red; |
| 23 background: blue; |
| 24 grid-column: 2; |
| 25 } |
| 26 </style> |
| 27 <script src="../../resources/testharness.js"></script> |
| 28 <script src="../../resources/testharnessreport.js"></script> |
| 29 <script src="../../resources/check-layout-th.js"></script> |
| 30 <script> |
| 31 function runTest() { |
| 32 document.body.offsetLeft; |
| 33 document.body.offsetLeft; |
| 34 checkLayout('.grid'); |
| 35 } |
| 36 </script> |
| 37 <body onload="runTest();"> |
| 38 <p>Regresison test for bug 628565 - Ensure that we get the same sizing results w
hen doing several layouts.</p> |
| 39 <div class="grid fit-content" data-expected-width="135" data-expected-height="60
"> |
| 40 <div class="i1" data-expected-width="50" data-expected-height="50">XX X</div> |
| 41 <div class="i2" data-expected-width="75" data-expected-height="50">XX X</div> |
| 42 </div> |
| 43 <br> |
| 44 <div class="grid min-content" data-expected-width="85" data-expected-height="60"
> |
| 45 <div class="i1" data-expected-width="50" data-expected-height="50">XX X</div> |
| 46 <div class="i2" data-expected-width="50" data-expected-height="50">XX X</div> |
| 47 </div> |
| 48 <br> |
| 49 <div class="grid max-content" data-expected-width="135" data-expected-height="60
"> |
| 50 <div class="i1" data-expected-width="50" data-expected-height="50">XX X</div> |
| 51 <div class="i2" data-expected-width="75" data-expected-height="50">XX X</div> |
| 52 </div> |
| 53 </body |
OLD | NEW |