scroll-button-display-none.html (1263B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Overflow Test: focused ::scroll-button() does not crash after becoming display none</title> 4 <link rel="help" href="http://crbug.com/402673873"> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <script src="/resources/testdriver.js"></script> 8 <script src="/resources/testdriver-actions.js"></script> 9 <script src="/resources/testdriver-vendor.js"></script> 10 <style> 11 #scroller::scroll-button(left) { 12 content: ""; 13 background-color: red; 14 height: 100px; 15 width: 100px; 16 top: 0; 17 left: 0; 18 position: absolute; 19 } 20 21 #scroller.hide::scroll-button(left) { 22 display: none; 23 } 24 25 #scroller { 26 width: 300px; 27 height: 300px; 28 overflow: auto; 29 } 30 31 #filler { 32 height: 20000x; 33 } 34 </style> 35 <div id="scroller"> 36 <div id="filler"></div> 37 </div> 38 <script> 39 promise_test(async t => { 40 await new test_driver.Actions() 41 .pointerMove(15, 15) 42 .pointerDown() 43 .pointerUp() 44 .send(); 45 scroller.className = "hide"; 46 document.documentElement.offsetTop; 47 await new test_driver.Actions() 48 .pointerMove(15, 15) 49 .pointerDown() 50 .pointerUp() 51 .send(); 52 assert_true(true); 53 }); 54 </script>