| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 | 3 |
| 4 <head> | 4 <head> |
| 5 <style> | 5 <style> |
| 6 | 6 |
| 7 .compositedBehind { | 7 .compositedBehind { |
| 8 width: 500px; | 8 width: 500px; |
| 9 height: 500px; | 9 height: 500px; |
| 10 -webkit-transform: translatez(0); | 10 -webkit-transform: translatez(0); |
| (...skipping 26 matching lines...) Expand all Loading... |
| 37 testRunner.dumpAsText(); | 37 testRunner.dumpAsText(); |
| 38 | 38 |
| 39 if (window.internals) { | 39 if (window.internals) { |
| 40 /* Note carefully, compositing for fixed position is _disabled_ here
*/ | 40 /* Note carefully, compositing for fixed position is _disabled_ here
*/ |
| 41 internals.settings.setAcceleratedCompositingForFixedPositionEnabled(
false); | 41 internals.settings.setAcceleratedCompositingForFixedPositionEnabled(
false); |
| 42 internals.settings.setFixedPositionCreatesStackingContext(true); | 42 internals.settings.setFixedPositionCreatesStackingContext(true); |
| 43 } | 43 } |
| 44 | 44 |
| 45 function test() | 45 function test() |
| 46 { | 46 { |
| 47 document.body.offsetHeight; | 47 testRunner.display() |
| 48 |
| 48 if (window.internals) | 49 if (window.internals) |
| 49 window.internals.startTrackingRepaints(document); | 50 window.internals.startTrackingRepaints(document); |
| 50 | 51 |
| 51 window.scrollTo(0, 100); | 52 window.scrollTo(0, 100); |
| 52 | 53 |
| 53 if (window.internals) | 54 if (window.internals) |
| 54 document.getElementById('layers').textContent = window.internals
.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS); | 55 document.getElementById('layers').textContent = window.internals
.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS); |
| 55 } | 56 } |
| 56 </script> | 57 </script> |
| 57 | 58 |
| (...skipping 12 matching lines...) Expand all Loading... |
| 70 <div class="compositedBehind"> </div> | 71 <div class="compositedBehind"> </div> |
| 71 | 72 |
| 72 <div class="containerOverlapsComposited"> | 73 <div class="containerOverlapsComposited"> |
| 73 <div class="fixed"></div> | 74 <div class="fixed"></div> |
| 74 </div> | 75 </div> |
| 75 | 76 |
| 76 <pre id="layers"></pre> | 77 <pre id="layers"></pre> |
| 77 </body> | 78 </body> |
| 78 | 79 |
| 79 </html> | 80 </html> |
| OLD | NEW |