OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 .comp { | 5 .comp { |
6 -webkit-transform: translateZ(0px); | 6 -webkit-transform: translateZ(0px); |
7 } | 7 } |
8 body { | 8 body { |
9 margin:0; | 9 margin:0; |
10 padding:0; | 10 padding:0; |
(...skipping 16 matching lines...) Expand all Loading... |
27 height: 500px; | 27 height: 500px; |
28 } | 28 } |
29 .scrollContent { | 29 .scrollContent { |
30 width:100%; | 30 width:100%; |
31 height: 1000px; /* make the container scrollable */ | 31 height: 1000px; /* make the container scrollable */ |
32 background-color: #0d0; | 32 background-color: #0d0; |
33 } | 33 } |
34 </style> | 34 </style> |
35 <script type="text/javascript"> | 35 <script type="text/javascript"> |
36 if (window.testRunner) { | 36 if (window.testRunner) { |
37 testRunner.dumpAsText(true); | 37 testRunner.dumpAsTextWithPixelResults(); |
38 testRunner.waitUntilDone(); | 38 testRunner.waitUntilDone(); |
39 } | 39 } |
40 | 40 |
41 window.onload = function() { setTimeout(function() { | 41 window.onload = function() { setTimeout(function() { |
42 if (window.testRunner) { | 42 if (window.testRunner) { |
43 testRunner.notifyDone(); | 43 testRunner.notifyDone(); |
44 } | 44 } |
45 }, 0); }; | 45 }, 0); }; |
46 </script> | 46 </script> |
47 </head> | 47 </head> |
48 | 48 |
49 <body> | 49 <body> |
50 <!-- If culled incorrectly, the top/left edges outside of the shadowed box end u
p being culled instead of painted/drawn properly. | 50 <!-- If culled incorrectly, the top/left edges outside of the shadowed box end u
p being culled instead of painted/drawn properly. |
51 If clipping/transforms are applied wrongly, outside the right/bottom edges
may also end up being culled. --> | 51 If clipping/transforms are applied wrongly, outside the right/bottom edges
may also end up being culled. --> |
52 <div class="comp shadow"> | 52 <div class="comp shadow"> |
53 <div id="scroll"> | 53 <div id="scroll"> |
54 <div class="scrollContent"> | 54 <div class="scrollContent"> |
55 </div> | 55 </div> |
56 </div> | 56 </div> |
57 </div> | 57 </div> |
58 </body> | 58 </body> |
59 </html> | 59 </html> |
OLD | NEW |