layout/reftests/async-scrolling/position-sticky-scrolled-clip-2.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="100">
   6
   7 <title>position:sticky 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   position: relative;
  15 }
  16
  17 .absoluteClip {
  18   position: absolute;
  19   left: 0;
  20   top: 0;
  21   width: 100px;
  22   height: 200px;
  23   clip: rect(50px, auto, auto, auto);
  24 }
  25
  26 .sticky {
  27   position: sticky;
  28   top: 0;
  29   box-sizing: border-box;
  30   height: 100px;
  31   border: 1px solid black;
  32 }
  33
  34 </style>
  35
  36 <div class="absoluteClip">
  37   <div class="sticky"></div>
  38 </div>