summaryrefslogtreecommitdiffstats
path: root/layout/reftests/async-scrolling/sticky-pos-scrollable-6.html
blob: 5db3fac2cdaf73e4393685da247243eeeb101f0e (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE HTML>
<html reftest-async-scroll>
<body>
  <div style="width:400px; height:300px; overflow:scroll; scrollbar-width:none; border:2px solid black"
       reftest-displayport-x="0" reftest-displayport-y="0"
       reftest-displayport-w="800" reftest-displayport-h="2000"
       reftest-async-scroll-x="0" reftest-async-scroll-y="300">
    <!-- In this test the position:sticky element is over-constrained with the
         top-positioning taking priority over the bottom-positioning. -->
    <div style="height: 300px"></div>
    <div style="position:sticky; width: 100px; height: 100px; top: 151px; bottom: 50px; background-color: green"></div>
    <div style="height: 1000px"></div>
  </div>