tor-browser

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

scroll-buttons-002.html (925B)

      1 <!doctype html>
      2 <meta charset="utf-8">
      3 <title>CSS Test: ::scroll-button()s style invalidation</title>
      4 <link rel="match" href="scroll-buttons-001-ref.html">
      5 <link rel="help" href="https://drafts.csswg.org/css-overflow-5/#scroll-buttons">
      6 <style>
      7  :root {
      8    --scroll-buttons-background: red;
      9  }
     10 
     11  div::scroll-button(inline-start) {
     12    content: "";
     13    background: var(--scroll-buttons-background);
     14    display: flex;
     15    height: 50px;
     16    width: 100px;
     17    border: none;
     18  }
     19 
     20  div::scroll-button(down) {
     21    content: "";
     22    background: var(--scroll-buttons-background);
     23    display: flex;
     24    height: 50px;
     25    width: 100px;
     26    border: none;
     27  }
     28 </style>
     29 <p>Test passes if there is a <strong>filled green rectangle</strong>.
     30 <div></div>
     31 <script>
     32  document.documentElement.offsetTop;
     33  document.documentElement.style.setProperty('--scroll-buttons-background', 'green');
     34  document.documentElement.offsetTop;
     35 </script>