resize-multicol-with-fixed-size-children.html (940B)
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://bugs.chromium.org/p/chromium/issues/detail?id=1336180"> 5 <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> 6 <style> 7 div.item { 8 width:50px; 9 height:50px; 10 background:green; 11 } 12 </style> 13 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 14 <div id="container" style="columns:2; gap:0; column-fill:auto; width:200px; height:100px; background:red;"> 15 <div class="item"></div> 16 <div class="item"></div> 17 <div class="item"></div> 18 <div class="item"></div> 19 </div> 20 21 <script> 22 requestAnimationFrame(()=> { 23 requestAnimationFrame(()=> { 24 container.style.width = "100px"; 25 document.documentElement.classList.remove("reftest-wait"); 26 }); 27 }); 28 </script> 29 </html>