tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

nested-overflow-subtree-layout-ref.html (816B)

      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="help" href="https://drafts.csswg.org/css-scroll-anchoring/">
      6  <script src="/common/reftest-wait.js"></script>
      7 </head>
      8 <style>
      9 #outer {
     10  overflow: hidden;
     11  width: 500px;
     12  height: 500px;
     13 }
     14 #inner {
     15  overflow: auto;
     16  position: relative;
     17  width: 500px;
     18  height: 2000px;
     19 }
     20 p {
     21 
     22  font: 48pt monospace;
     23 }
     24 </style>
     25 </head>
     26 <body>
     27 <div id="outer">
     28  <div id="inner">
     29    <p>Anchor</p>
     30  </div>
     31 </div>
     32 <script>
     33 const outer = document.querySelector("#outer");
     34 const inner = document.querySelector("#inner");
     35 
     36 onload = () => {
     37  requestAnimationFrame(() => {
     38    requestAnimationFrame(() => {
     39      outer.scrollTo(0, 70);
     40      takeScreenshot();
     41    });
     42  });
     43 };
     44 </script>