tor-browser

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

anchor-scroll-update-009-ref.html (858B)

      1 <!DOCTYPE html>
      2 <title>Anchored element should update when anchor's div under `contain: layout size` becomes a scroll container.</title>
      3 <link rel="author" href="mailto:dshin@mozilla.com">
      4 <link rel="help" href="https://drafts.csswg.org/css-anchor-1/">
      5 <style>
      6 .abspos-cb {
      7  position: relative;
      8  width: 200px;
      9  height: 200px;
     10  border: 1px solid;
     11 }
     12 
     13 .flex {
     14  display: flex;
     15 }
     16 
     17 .positioned {
     18  width: 15px;
     19  height: 15px;
     20  background: purple;
     21 }
     22 
     23 .scroller {
     24  overflow-y: scroll;
     25  height: 100%;
     26 }
     27 
     28 .anchor {
     29  width: 15px;
     30  height: 15px;
     31  background: magenta;
     32 }
     33 
     34 .filler {
     35  width: 1px;
     36  height: 500px;
     37 }
     38 </style>
     39 <div class=abspos-cb>
     40  <div id=dut class=scroller>
     41    <div class=filler></div>
     42    <div class=flex>
     43      <div class=anchor></div>
     44      <div class=positioned></div>
     45    </div>
     46  </div>
     47 </div>
     48 <script>
     49 dut.scrollTop = 315;
     50 </script>