tor-browser

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

scrollbar-gutter-dynamic-002-ref.html (1836B)

      1 <!DOCTYPE html>
      2 <html>
      3  <meta charset="utf-8">
      4  <title>CSS Test Reference</title>
      5  <style>
      6  .line {
      7    display: flex;
      8  }
      9 
     10  .container {
     11    writing-mode: horizontal-tb;
     12    direction: ltr;
     13 
     14    block-size: 200px;
     15    inline-size: 200px;
     16    margin: 10px;
     17    background: deepskyblue;
     18  }
     19 
     20  .content {
     21    inline-size: 100%;
     22    block-size: 200%;
     23    background: lightsalmon;
     24  }
     25  </style>
     26 
     27  <div class="line">
     28    <div id="auto-auto" class="container" style="overflow-y: auto; scrollbar-gutter: stable both-edges">
     29      <div class="content"></div>
     30    </div>
     31 
     32    <div id="scroll-auto" class="container" style="overflow-y: scroll; scrollbar-gutter: stable both-edges">
     33      <div class="content"></div>
     34    </div>
     35 
     36    <div id="hidden-auto" class="container" style="overflow-y: hidden; scrollbar-gutter: stable both-edges">
     37      <div class="content"></div>
     38    </div>
     39  </div>
     40 
     41  <div class="line">
     42    <div id="auto-stable" class="container" style="overflow-y: auto; scrollbar-gutter: auto">
     43      <div class="content"></div>
     44    </div>
     45 
     46    <div id="scroll-stable" class="container" style="overflow-y: scroll; scrollbar-gutter: auto">
     47      <div class="content"></div>
     48    </div>
     49 
     50    <div id="hidden-stable" class="container" style="overflow-y: hidden; scrollbar-gutter: auto">
     51      <div class="content"></div>
     52    </div>
     53  </div>
     54 
     55  <div class="line">
     56    <div id="hidden-stable-both" class="container" style="overflow-y: auto; scrollbar-gutter: stable">
     57      <div class="content"></div>
     58    </div>
     59 
     60    <div id="hidden-stable-both" class="container" style="overflow-y: scroll; scrollbar-gutter: stable">
     61      <div class="content"></div>
     62    </div>
     63 
     64    <div id="hidden-stable-both" class="container" style="overflow-y: hidden; scrollbar-gutter: stable">
     65      <div class="content"></div>
     66    </div>
     67  </div>
     68 </html>