2 <html lang=
"en" reftest-async-scroll
>
4 <title>Make sure the scrolled layer is opaque even if the scrolled area is fractional
</title>
18 /* Make the background
"non-uniform" so that the scrolled layer does not
19 * pull up a background color. */
20 background: linear-gradient(to bottom, white, transparent);
25 background-color: lime;
26 box-sizing: border-box;
27 border:
1px solid lime;
30 .transparent-overlap-of-fractional-edge {
33 background-color: rgba(
0,
0,
255,
0.5);
40 <div class=
"scrollbox"
41 reftest-displayport-x=
"0" reftest-displayport-y=
"-100.2"
42 reftest-displayport-w=
"200" reftest-displayport-h=
"300.2"
43 reftest-async-scroll-x=
"0" reftest-async-scroll-y=
"0">
44 <div class=
"scrolled-contents">
45 <div class=
"transparent-overlap-of-fractional-edge reftest-opaque-layer">
46 <!-- This element has the magic "reftest-opaque-layer" class which
47 constitutes the actual test here. -->
54 document
.querySelector(".scrollbox").scrollTop
= 100000; /* will end up at 100.2 */