| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <!DOCTYPE html> | 2 <!DOCTYPE html> |
| 3 <style> | 3 <style> |
| 4 .composited { | 4 .composited { |
| 5 -webkit-transform: translateZ(0); | 5 -webkit-transform: translateZ(0); |
| 6 } | 6 } |
| 7 | 7 |
| 8 .container { | 8 .container { |
| 9 width:100px; | 9 width:100px; |
| 10 height:100px; | 10 height:100px; |
| (...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 51 position:absolute; | 51 position:absolute; |
| 52 background-color: red; | 52 background-color: red; |
| 53 bottom:-15px; | 53 bottom:-15px; |
| 54 right:-15px; | 54 right:-15px; |
| 55 height:15px; | 55 height:15px; |
| 56 width:15px; | 56 width:15px; |
| 57 } | 57 } |
| 58 </style> | 58 </style> |
| 59 <script> | 59 <script> |
| 60 if (window.testRunner) | 60 if (window.testRunner) |
| 61 testRunner.dumpAsText(true); // Only useful as a pixel test | 61 testRunner.dumpAsTextWithPixelResults(); // Only useful as a pixel test |
| 62 </script> | 62 </script> |
| 63 <!-- No red should be visible, only a solid green square. --> | 63 <!-- No red should be visible, only a solid green square. --> |
| 64 <div class="container composited"> | 64 <div class="container composited"> |
| 65 <div class="normalContentArea"></div> | 65 <div class="normalContentArea"></div> |
| 66 <div class="beneathVerticalScrollbar"></div> | 66 <div class="beneathVerticalScrollbar"></div> |
| 67 <div class="beneathHorizontalScrollbar"></div> | 67 <div class="beneathHorizontalScrollbar"></div> |
| 68 <div class="beneathScrollCorner"></div> | 68 <div class="beneathScrollCorner"></div> |
| 69 </div> | 69 </div> |
| OLD | NEW |