OLD | NEW |
| (Empty) |
1 <!DOCTYPE HTML> | |
2 <html> | |
3 <head> | |
4 <link rel="stylesheet" href="resources/default.css" /> | |
5 <style> | |
6 table { | |
7 border-spacing: 0px; | |
8 background: red; | |
9 } | |
10 | |
11 td { | |
12 padding: 0px; | |
13 border: 2px solid green; | |
14 } | |
15 </style> | |
16 <script src="resources/text-based-repaint.js"></script> | |
17 <script> | |
18 if (window.testRunner) | |
19 testRunner.dumpAsTextWithPixelResults(); | |
20 | |
21 function repaintTest() | |
22 { | |
23 var cell = document.getElementById("cellToScroll"); | |
24 cell.scrollLeft = 1200; | |
25 } | |
26 window.addEventListener("load", runRepaintAndPixelTest, false); | |
27 </script> | |
28 </head> | |
29 <body> | |
30 <!-- Bug 71550 - REGRESSION (r93614): Content remains despite parent element bei
ng scrolled off page using javascript. --> | |
31 <!-- For the test to pass you should not see any RED, only green --> | |
32 <div class="red" style="height: 200px; width: 300px;"></div> | |
33 <table class="relative" style="table-layout: fixed; width: 0; top: 1000px; left:
800px;"> | |
34 <tr class="red"> | |
35 <td class="green" style="height: 100px; width: 300px;"></td> | |
36 <td class="green" style="height: 100px; width: 450px;"></td> | |
37 </tr> | |
38 <tr> | |
39 <td style="overflow: hidden"><div class="green" style="height: 465px; wi
dth: 300px"></div></td> | |
40 <td id="cellToScroll" class="relative" style="overflow: scroll;"> | |
41 <div class="relative red" style="height: 450px; width: 450px;"></div
> | |
42 <div class="absolute green" style="height: 450px; width: 450px; left
: 500px; top: 0px"></div> | |
43 </td> | |
44 </tr> | |
45 </table> | |
46 <script> | |
47 // Make sure we scroll to the bottom of the page. | |
48 window.scrollTo(950, 1250); | |
49 </script> | |
50 </body> | |
51 </html> | |
OLD | NEW |