scrollbar-after-remove-resize.html (1040B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <title>Adjust scrollbar length after removing resize control</title> 4 <link rel="author" href="mailto:perryuwang@gmail.com"> 5 <link rel="help" href="https://issuetracker.google.com/issues/443018675" /> 6 <link rel="match" href="scrollbar-after-remove-resize-ref.html" /> 7 <script src="/common/reftest-wait.js"></script> 8 <style> 9 #scroller { 10 width: 300px; 11 height: 300px; 12 overflow-y: scroll; 13 border: 1px solid black; 14 resize: both; 15 } 16 17 #scroller::-webkit-scrollbar { 18 background: pink; 19 } 20 #scroller::-webkit-scrollbar-thumb { 21 background: orange; 22 } 23 24 #content { 25 width: 100%; 26 height: 150%; 27 background: lightgray; 28 } 29 </style> 30 31 <div id="scroller"> 32 <div id="content"></div> 33 </div> 34 35 <script> 36 requestAnimationFrame(() => requestAnimationFrame(() => { 37 const scroller = document.getElementById('scroller'); 38 scroller.style.resize = 'none'; 39 requestAnimationFrame(() => requestAnimationFrame(() => { 40 takeScreenshot(); 41 })); 42 })); 43 </script>