| 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 document.getElementById('scroll').scrollTop += 300; | 42 document.getElementById('scroll').scrollTop += 300; |
| 43 if (window.testRunner) { | 43 if (window.testRunner) { |
| 44 testRunner.notifyDone(); | 44 testRunner.notifyDone(); |
| 45 } | 45 } |
| 46 }, 0); }; | 46 }, 0); }; |
| 47 </script> | 47 </script> |
| 48 </head> | 48 </head> |
| 49 | 49 |
| 50 <body> | 50 <body> |
| 51 <!-- If culled incorrectly, the top/left edges outside of the shadowed box end u
p being culled instead of painted/drawn properly. --> | 51 <!-- If culled incorrectly, the top/left edges outside of the shadowed box end u
p being culled instead of painted/drawn properly. --> |
| 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 |