tor-browser

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

position-sticky-rtl.html (679B)


      1 <!DOCTYPE html>
      2 <link rel="help" href="https://www.w3.org/TR/css-position-3/#sticky-pos" />
      3 <meta name="assert" content="Position sticky works correctly with rtl" />
      4 <link rel="match" href="position-sticky-rtl-ref.html" />
      5 <style>
      6 .container {
      7  display: flex;
      8  overflow: auto;
      9  width: 500px;
     10  position: relative;
     11 }
     12 
     13 .container {
     14  scrollbar-width: none;
     15 }
     16 
     17 .child {
     18  width: 1900px;
     19  height: 100px;
     20  flex-shrink: 0;
     21  background: lightblue;
     22 }
     23 .sticky {
     24  position: sticky;
     25  left: 0;
     26  width: 100px;
     27  height: 100px;
     28  flex-shrink: 0;
     29  background: lightgreen;
     30 }
     31 </style>
     32 <div class="container" dir="rtl">
     33  <div class="child">1</div>
     34  <div class="sticky">20</div>
     35 </div>