column-rule-001.html (810B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title>Column rule in scrollable multicol container</title> 4 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 5 <link rel="help" href="https://drafts.csswg.org/css-multicol-1/#column-gaps-and-rules"> 6 <link rel="match" href="column-rule-001-ref.html"> 7 <style> 8 body { 9 margin: 0; 10 } 11 .mc { 12 columns: 2; 13 column-gap: 110px; 14 column-rule: 100px solid; 15 height: 100px; 16 overflow: hidden; 17 } 18 </style> 19 <p>There should be <b>two</b> black squares below.</p> 20 <div id="elm" class="mc"> 21 <div style="height:600px;"></div> 22 </div> 23 <script> 24 elm.scrollLeft = 200; 25 requestAnimationFrame(()=> { 26 requestAnimationFrame(()=> { 27 document.documentElement.classList.remove("reftest-wait"); 28 }); 29 }); 30 </script> 31 </html>