OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <script src="resources/text-based-repaint.js" type="text/javascript"></scrip
t> | |
5 <script> | |
6 window.onload = function() { | |
7 if (window.eventSender) { | |
8 testRunner.dumpAsTextWithPixelResults(); | |
9 | |
10 if (window.internals) | |
11 internals.settings.setScrollAnimatorEnabled(false); | |
12 | |
13 // Scroll the #outerDiv until we reach the #innerDiv. | |
14 eventSender.mouseMoveTo(50, 50); | |
15 eventSender.mouseScrollBy(0, -8); | |
16 } else { | |
17 document.write("This test is better run under DumpRenderTree. To man
ually test it, continuously scroll down on the top-most element. There should be
no repaint issue."); | |
18 } | |
19 runRepaintAndPixelTest(); | |
20 }; | |
21 | |
22 function repaintTest() | |
23 { | |
24 // Now scroll once in the #innerDiv to the green area. | |
25 if (window.eventSender) | |
26 eventSender.mouseScrollBy(0, -10); | |
27 } | |
28 </script> | |
29 </head> | |
30 <body> | |
31 <!-- Bug 71550 - REGRESSION (r93614): Content remains despite parent element bei
ng scrolled off page using javascript. --> | |
32 <!-- For the test to pass you should not see any RED or PURPLE, only green --> | |
33 <div style="height: 300px; overflow-y: auto;" id="outerDiv"> | |
34 <div style="height: 300px; background: purple;"></div> | |
35 <div style="height: 400px; overflow-y: auto;" id="innerDiv"> | |
36 <div style="height: 400px; width: 300px; background: red"></div> | |
37 <div style="height: 400px; width: 300px; background: green"></div> | |
38 </div> | |
39 </div> | |
40 </body> | |
41 </html> | |
OLD | NEW |