tor-browser

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

anchor-scroll-update-008-ref.html (640B)


      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 .anchor {
     24  width: 15px;
     25  height: 15px;
     26  background: magenta;
     27 }
     28 </style>
     29 <div class=abspos-cb>
     30  <div class=flex>
     31    <div class=anchor></div><div class=positioned></div>
     32  </div>
     33 </div>