going-out-of-flow-after-spanner.html (1157B)
1 <!DOCTYPE html> 2 <title>Taking the sole box after a spanner out of flow, then remove it</title> 3 <link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> 4 <link rel="help" href="https://www.w3.org/TR/css-multicol-1/#the-multi-column-model"> 5 <meta name="assert" content="An absolutely positioned box is still contained by the multicol container if its containing block is inside the multicol container"> 6 <div id="multicol" style="columns:3;"> 7 <div style="position:relative;"> 8 <div style="column-span:all;"></div> 9 <div id="victim" style="width:100%; height:300px;"></div> 10 </div> 11 </div> 12 <script src="/resources/testharness.js"></script> 13 <script src="/resources/testharnessreport.js"></script> 14 <script> 15 test(() => { 16 var multicol = document.getElementById("multicol"); 17 var victim = document.getElementById("victim"); 18 assert_equals(multicol.getBoundingClientRect().height, 100); 19 victim.style.position = "absolute"; 20 assert_equals(multicol.getBoundingClientRect().height, 100); 21 victim.style.display = "none"; 22 assert_equals(multicol.getBoundingClientRect().height, 0); 23 }, "Going out of flow and still fragmented"); 24 </script>