tor-browser

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

offscreen-prerendered-active-opacity.html (808B)

      1 <!DOCTYPE html>
      2 <html reftest-async-scroll>
      3 <meta charset="utf-8">
      4 <title>Active opacity should be rendered if it's inside the display port, even if it's currently offscreen</title>
      5 
      6 <style>
      7 
      8 .scrollbox {
      9  border: 1px solid black;
     10  width: 200px;
     11  height: 200px;
     12  overflow: scroll;
     13  scrollbar-width: none;
     14 }
     15 
     16 .scrolledContent {
     17  height: 1000px;
     18 }
     19 
     20 .opacity {
     21  will-change: opacity;
     22  opacity: 0.5;
     23  margin-top: 250px;
     24  width: 100px;
     25  height: 100px;
     26  box-sizing: border-box;
     27  border: 1px solid blue;
     28 }
     29 
     30 
     31 </style>
     32 
     33 <div class="scrollbox"
     34     reftest-displayport-x="0" reftest-displayport-y="0"
     35     reftest-displayport-w="200" reftest-displayport-h="1000"
     36     reftest-async-scroll-x="0" reftest-async-scroll-y="150">
     37  <div class="scrolledContent">
     38    <div class="opacity"></div>
     39  </div>
     40 </div>