| 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 testRunner.display() | 47 document.body.offsetHeight; |
| 48 | |
| 49 if (window.internals) | 48 if (window.internals) |
| 50 window.internals.startTrackingRepaints(document); | 49 window.internals.startTrackingRepaints(document); |
| 51 | 50 |
| 52 window.scrollTo(0, 100); | 51 window.scrollTo(0, 100); |
| 53 | 52 |
| 54 if (window.internals) | 53 if (window.internals) |
| 55 document.getElementById('layers').textContent = window.internals
.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS); | 54 document.getElementById('layers').textContent = window.internals
.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS); |
| 56 } | 55 } |
| 57 </script> | 56 </script> |
| 58 | 57 |
| (...skipping 12 matching lines...) Expand all Loading... |
| 71 <div class="compositedBehind"> </div> | 70 <div class="compositedBehind"> </div> |
| 72 | 71 |
| 73 <div class="containerOverlapsComposited"> | 72 <div class="containerOverlapsComposited"> |
| 74 <div class="fixed"></div> | 73 <div class="fixed"></div> |
| 75 </div> | 74 </div> |
| 76 | 75 |
| 77 <pre id="layers"></pre> | 76 <pre id="layers"></pre> |
| 78 </body> | 77 </body> |
| 79 | 78 |
| 80 </html> | 79 </html> |
| OLD | NEW |