scroll-marker-focus-scroll-crash.html (1234B)
1 <!DOCTYPE html> 2 <html class="test-wait"> 3 <meta charset="utf-8"> 4 <link rel="help" href="crbug.com/421471058"> 5 <script src="/resources/testdriver.js"></script> 6 <script src="/resources/testdriver-actions.js"></script> 7 <script src="/resources/testdriver-vendor.js"></script> 8 <style> 9 body { 10 margin: 0; 11 } 12 13 #scroller { 14 width: 600px; 15 height: 300px; 16 overflow: auto; 17 scroll-marker-group: before; 18 white-space: nowrap; 19 } 20 21 #scroller div { 22 background: blue; 23 display: inline-block; 24 width: 600px; 25 height: 270px; 26 } 27 28 #scroller::scroll-marker-group { 29 height: 20px; 30 width: 200px; 31 } 32 33 #scroller div::scroll-marker { 34 content: "Marker"; 35 width: 100px; 36 height: 20px; 37 display: inline-block; 38 } 39 40 #scroller::scroll-button(left) { 41 content: "<"; 42 } 43 </style> 44 <div id="scroller"> 45 <div></div> 46 <div></div> 47 </div> 48 <script> 49 async function run() { 50 const kTab = '\uE004'; 51 await new test_driver.Actions() 52 .keyDown(kTab) 53 .keyUp(kTab) 54 .send(); 55 // With a focused scroll marker, scroll to next target. 56 document.querySelector('#scroller').scrollLeft = 600; 57 document.documentElement.classList.remove('test-wait'); 58 } 59 run(); 60 </script> 61 62 </html>