OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE HTML> |
| 2 <!-- A block with fixed width is 220px tall. When turning its container into a |
| 3 multicol container with a column height of 300px, we need to re-lay out the |
| 4 block, even if it would seem to fit in one column (220px < 300px). It |
| 5 contains a forced break. --> |
| 6 <p>There should be a blue square below.</p> |
| 7 <div id="multicol" style="position:relative; column-gap:0; column-fill:auto; wid
th:100px; height:300px;"> |
| 8 <div style="width:50px;"> |
| 9 <div id="block1" style="height:100px; background:blue;"></div> |
| 10 <div style="height:20px;"></div> |
| 11 <div id="block2" style="break-before:column; height:100px; background:bl
ue;"></div> |
| 12 </div> |
| 13 </div> |
| 14 <script src="../resources/testharness.js"></script> |
| 15 <script src="../resources/testharnessreport.js"></script> |
| 16 <script> |
| 17 test(() => { |
| 18 document.body.offsetTop; |
| 19 document.getElementById("multicol").style.columns = "2"; |
| 20 var block1 = document.getElementById("block1"); |
| 21 var block2 = document.getElementById("block2"); |
| 22 assert_equals(block1.offsetTop, 0); |
| 23 assert_equals(block1.offsetLeft, 0); |
| 24 assert_equals(block2.offsetTop, 0); |
| 25 assert_equals(block2.offsetLeft, 50); |
| 26 }, "Need relayout when becoming fragmented, even if width is the same."); |
| 27 </script> |
OLD | NEW |