OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <style> |
| 3 .part { height:30px; background:blue; } |
| 4 </style> |
| 5 <p>There should be a blue square below.</p> |
| 6 <div style="columns:3; column-fill:auto; column-gap:0; width:30px; height:80px;
line-height:20px;"> |
| 7 <div style="position:relative;"> |
| 8 <div style="float:left; width:100%;"> |
| 9 <div id="elm1" class="part"></div> |
| 10 <div id="elm2" class="part" style="break-before:column; break-after:
column;"></div> |
| 11 <div id="elm3" class="part"></div> |
| 12 </div> |
| 13 </div> |
| 14 </div> |
| 15 |
| 16 <script src="../resources/testharness.js"></script> |
| 17 <script src="../resources/testharnessreport.js"></script> |
| 18 <script> |
| 19 test(() => { |
| 20 assert_equals(document.getElementById("elm1").offsetTop, 0); |
| 21 assert_equals(document.getElementById("elm2").offsetTop, 80); |
| 22 assert_equals(document.getElementById("elm3").offsetTop, 160); |
| 23 }, "Forced breaks should be allowed inside floats"); |
| 24 </script> |
OLD | NEW |