triply-nested-partial-relayout.html (857B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title>Triply nested multicol. Change something in the outermost that doesn't affect the three innermost.</title> 4 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 5 <link rel="help" href="https://issues.chromium.org/issues/464464623"> 6 <div style="columns:2; column-fill:auto; height:100px;"> 7 <div id="touchme"></div> 8 <div style="columns:2; column-fill:auto; height:100px;"> 9 <div style="columns:2; column-fill:auto; height:100px;"> 10 <div style="columns:2; column-fill:auto; height:100px;"> 11 x 12 </div> 13 </div> 14 </div> 15 </div> 16 <script> 17 requestAnimationFrame(()=> { 18 requestAnimationFrame(()=> { 19 touchme.style.width = "100px"; 20 document.body.offsetTop; 21 document.documentElement.classList.remove("reftest-wait"); 22 }); 23 }); 24 </script>