nested-overflow-subtree-layout-vertical-ref.html (924B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org"> 5 <link rel="author" title="Andreu Botella" href="mailto:abotella@igalia.com"> 6 <link rel="help" href="https://drafts.csswg.org/css-scroll-anchoring/"> 7 <script src="/common/reftest-wait.js"></script> 8 </head> 9 <style> 10 #outer { 11 overflow: hidden; 12 width: 500px; 13 height: 500px; 14 writing-mode: vertical-rl; 15 } 16 #inner { 17 overflow: auto; 18 position: relative; 19 width: 2000px; 20 height: 500px; 21 } 22 p { 23 font: 48pt monospace; 24 } 25 </style> 26 </head> 27 <body> 28 <div id="outer"> 29 <div id="inner"> 30 <p>Anchor</p> 31 </div> 32 </div> 33 <script> 34 const outer = document.querySelector("#outer"); 35 const inner = document.querySelector("#inner"); 36 37 onload = () => { 38 requestAnimationFrame(() => { 39 requestAnimationFrame(() => { 40 outer.scrollTo(-70, 0); 41 takeScreenshot(); 42 }); 43 }); 44 }; 45 </script>