scroll-marker-in-display-none-column-crash.html (1396B)
1 <!DOCTYPE html> 2 <html class="test-wait"> 3 <title>Change ::column pseudo-element to display:none dynamically</title> 4 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 5 <link rel="help" href="https://issues.chromium.org/issues/470512590"> 6 <style> 7 body { 8 margin: 0; 9 } 10 #mc { 11 overflow: hidden; 12 scroll-marker-group: before; 13 columns: 1; 14 column-fill: auto; 15 width: 400px; 16 height: 100px; 17 } 18 #mc::scroll-marker-group { 19 display: flex; 20 height: 20px; 21 } 22 #mc::column::scroll-marker { 23 width: 20px; 24 content: "X"; 25 } 26 #mc:hover::column { 27 display: none; 28 } 29 </style> 30 <div id="mc"> 31 <!-- Create three columns. --> 32 <div style="height:300px;"></div> 33 </div> 34 <script src="/resources/testdriver.js"></script> 35 <script src="/resources/testdriver-actions.js"></script> 36 <script src="/resources/testdriver-vendor.js"></script> 37 <script> 38 async function foo() { 39 // Hover the second ::column::scroll-marker. 40 actions_promise = new test_driver.Actions() 41 .pointerMove(30, 10) 42 .send(); 43 await actions_promise; 44 document.body.offsetTop; 45 mc.style.width = "401px"; 46 document.body.offsetTop; 47 document.documentElement.classList.remove("test-wait"); 48 } 49 document.body.offsetTop; 50 foo(); 51 </script> 52 </html>