tor-browser

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

scroll-marker-group-add-dynamic-002.html (906B)

      1 <!DOCTYPE html>
      2 <title>Re-attach ::scroll-marker-group before</title>
      3 <link rel="help" href="https://drafts.csswg.org/css-overflow-5/#scroll-marker-group-pseudo">
      4 <link rel="match" href="../reference/ref-filled-green-100px-square.xht">
      5 <style>
      6  #scrollable::scroll-marker-group {
      7    display: block;
      8    height: 50px;
      9  }
     10 
     11  #scrollable.extra::scroll-marker-group {
     12    display: flex;
     13  }
     14 
     15  #scrollable>*::scroll-marker {
     16    display: block;
     17    width: 50px;
     18    height: 50px;
     19    content: "";
     20    background: green;
     21  }
     22 </style>
     23 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
     24 <div style="width:100px; height:100px; background:red;">
     25  <div id="scrollable" style="scroll-marker-group:before; height:50px; overflow:hidden; background:green;">
     26    <div></div>
     27    <div></div>
     28  </div>
     29 </div>
     30 <script>
     31  document.body.offsetTop;
     32  scrollable.className = "extra";
     33 </script>