OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <p>There should be a blue square below.</p> |
| 3 <div style="position:relative; columns:4; column-gap:0; width:600px;"> |
| 4 <br> |
| 5 <span> |
| 6 <div id="float" style="float:right; break-inside:avoid; width:150px; hei
ght:150px; background:blue;"></div> |
| 7 </span> |
| 8 </div> |
| 9 <script src="../../resources/testharness.js"></script> |
| 10 <script src="../../resources/testharnessreport.js"></script> |
| 11 <script> |
| 12 test(() => { |
| 13 var elm = document.getElementById("float"); |
| 14 assert_equals(elm.offsetTop, 0); |
| 15 assert_equals(elm.offsetLeft, 150); |
| 16 assert_equals(elm.offsetWidth, 150); |
| 17 assert_equals(elm.offsetHeight, 150); |
| 18 }, "Unbreakable float inside inline."); |
| 19 </script> |
OLD | NEW |