multicol-fill-balance-024.html (1111B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 4 <link rel="help" href="https://www.w3.org/TR/css-multicol-1/#cf"> 5 <link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1336291"> 6 <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> 7 <style> 8 .hidden { display:none; } 9 #mc > div { height:25px; contain:size; background:green;} 10 </style> 11 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 12 <div id="mc" style="columns:2; gap:0; width:100px; background:red;"> 13 <div></div> 14 <div></div> 15 <div></div> 16 <div></div> 17 <div class="hidden"></div> 18 <div class="hidden"></div> 19 <div class="hidden"></div> 20 <div class="hidden"></div> 21 </div> 22 <script> 23 requestAnimationFrame(()=> { 24 requestAnimationFrame(()=> { 25 for (let e of document.getElementsByClassName('hidden')) 26 e.style.display = "block"; 27 document.documentElement.classList.remove("reftest-wait"); 28 }); 29 }); 30 </script> 31 </html>