tor-browser

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

composited-under-clip-under-multicol.html (683B)


      1 <!DOCTYPE html>
      2 <link rel="help" href="https://drafts.csswg.org/css-multicol">
      3 <link rel="match" href="composited-under-clip-under-multicol-ref.html">
      4 <meta name="assert" content="Test that clip under multicol is correctly applied on composited child">
      5 <style>
      6 .columns {
      7  columns: 2;
      8  column-gap: 20px;
      9  width: 220px;
     10  height: 100px;
     11 }
     12 .clip {
     13  height: 100px;
     14  overflow: hidden;
     15 }
     16 .composited {
     17  will-change: transform;
     18  margin-top: -20px;
     19  margin-left: -20px;
     20  border: 20px solid red;
     21  width: 200px;
     22  height: 200px;
     23  background: green;
     24 }
     25 </style>
     26 <div class="columns">
     27  <div class="clip">
     28    <div class="composited"></div>
     29  </div>
     30  <div class="clip"></div>
     31 </div>