layout/reftests/async-scrolling/fixed-pos-scrolled-clip-1.html

   1 <!DOCTYPE html>
   2 <html reftest-async-scroll
   3       reftest-displayport-x="0" reftest-displayport-y="0"
   4       reftest-displayport-w="800" reftest-displayport-h="2000"
   5       reftest-async-scroll-x="0" reftest-async-scroll-y="200">
   6
   7 <title>position:fixed with scrolled clip should prerender everything and correctly move the clip</title>
   8
   9 <style>
  10
  11 body {
  12   margin: 0;
  13   height: 4000px;
  14 }
  15
  16 .absoluteClip {
  17   position: absolute;
  18   top: 300px;
  19   left: 100px;
  20   width: 200px;
  21   height: 200px;
  22   background: red;
  23   clip: rect(auto auto auto auto);
  24 }
  25
  26 .fixed {
  27   position: fixed;
  28   top: 0;
  29   right: 0;
  30   bottom: 0;
  31   left: 0;
  32   background: linear-gradient(lime, lime) black 0 100px no-repeat;
  33   background-size: 100% 200px;
  34 }
  35
  36 </style>
  37
  38 <div class="absoluteClip">
  39   <div class="fixed"></div>
  40 </div>