tor-browser

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

column-scroll-marker-015-crash.html (786B)

      1 <!DOCTYPE html>
      2 <title>Shorten column content to reduce number of columns needed, and thus also remove a snap area</title>
      3 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
      4 <link rel="help" href="https://issues.chromium.org/issues/402354445">
      5 <style>
      6  .carousel {
      7    columns: 1;
      8    block-size: 100px;
      9    overflow-x: scroll;
     10    scroll-marker-group: after;
     11 
     12    &::scroll-marker-group {
     13      overflow-x: scroll;
     14      scroll-snap-type: x mandatory;
     15    }
     16    &::column::scroll-marker {
     17      display: block;
     18      content: "x";
     19      scroll-snap-align: center;
     20    }
     21 }
     22 </style>
     23 <div class="carousel">
     24  <div id="child" style="height:110px; background:cyan;"></div>
     25 </div>
     26 <script>
     27  document.body.offsetTop;
     28  child.style.height = "50px";
     29 </script>