layout/reftests/async-scrolling/sticky-pos-scrollable-5.html

   1 <!DOCTYPE HTML>
   2 <html reftest-async-scroll>
   3 <body>
   4   <div style="width:400px; height:300px; overflow:scroll; scrollbar-width:none; border:2px solid black"
   5        reftest-displayport-x="0" reftest-displayport-y="0"
   6        reftest-displayport-w="800" reftest-displayport-h="2000"
   7        reftest-async-scroll-x="0" reftest-async-scroll-y="150">
   8     <!-- In this test the position:sticky element has already been adjusted by
   9          the main thread paint, and then clamped by the bounding container. The
  10          async scroll causes a reduction in that adjustment, but by less than
  11          the amount of the scroll (because of the clamping). -->
  12     <div style="height: 500px; margin-top: 250px; margin-bottom: 250px">
  13       <div style="width: 100px; height: 300px"></div>
  14       <div style="position:sticky; width: 100px; height: 100px; bottom: 50px; background-color: green"></div>
  15     </div>
  16   </div>