3 <meta http-equiv=
"content-type" content=
"text/html; charset=UTF-8">
4 <script src=
"../../../resources/run-after-layout-and-paint.js"></script>
5 <script src=
"text-based-repaint.js"></script>
6 <script type=
"text/javascript">
7 function runRepaintTestAfterDisplay()
9 runAfterLayoutAndPaint(function() {
14 function repaintTest()
16 document
.getElementById('toMove').style
.left
= "150px";
17 document
.getElementById('toMove').style
.backgroundColor
= "green";
18 if (window
.testRunner
)
19 window
.testRunner
.notifyDone();
22 if (window
.testRunner
)
23 window
.testRunner
.waitUntilDone();
25 document
.addEventListener("scroll", runRepaintTestAfterDisplay
, false);
28 <body style=
"height: 820;">
29 <p style=
"position: absolute; top: 330px">You should see a yellow rect on the left, and a green one on the right. No red pixels.
</p>
30 <div id=
"toMove" style=
"width: 100px; height: 100px; background-color: red; position: fixed; top: 70px; left: 10px;"></div>
31 <div style=
"width: 100px; height: 100px; background-color: yellow; position: absolute; top: 406; left: 10px; z-index: -5;"></div>