2 <html lang=
"en" class=
"reftest-wait">
4 <title>Switching the transform to animate shouldn't invalidate the fixed layer
</title>
9 box-sizing: border-box;
12 border:
1px solid black;
17 background-color: white;
27 transform: translateY(
0.1px);
44 <div class=
"transform content" id=
"aboutToAnimate">
46 This transform starts out inactive and is going to turn active + prerendered.
50 <div class=
"aboveTransform content">
52 This content is on top of .transform in z-order but starts out in the
53 same layer as .transform (and the canvas background). Once the transform
54 turns active, this needs its own PaintedLayer because the prerendered
55 transform might asynchronously move underneath it.
59 <div class=
"fixed reftest-no-paint content">
61 This fixed layer gets its own PaintedLayer above the rest.
62 When .aboveTransform requires its own PaintedLayer, it should not cause
63 .fixed to change layers.
70 document
.querySelector("#aboutToAnimate").style
.willChange
= "transform";
71 document
.documentElement
.removeAttribute("class");
73 document
.addEventListener("MozReftestInvalidate", doTest
);