| OLD | NEW | 
|   1 <!DOCTYPE html> |   1 <!DOCTYPE html> | 
|   2 <html> |   2 <html> | 
|   3 <head> |   3 <head> | 
|   4 <style> |   4 <style> | 
|   5   .fixed { |   5   .fixed { | 
|   6     position: fixed; |   6     position: fixed; | 
|   7     width: 10px; |   7     width: 10px; | 
|   8     height: 10px; |   8     height: 10px; | 
|   9     background-color: silver; |   9     background-color: silver; | 
|  10   } |  10   } | 
|  11 </style> |  11 </style> | 
|  12 <script> |  12 <script> | 
|  13   if (window.testRunner) { |  13   if (window.testRunner) { | 
|  14     testRunner.dumpAsText(); |  14     testRunner.dumpAsText(); | 
|  15     testRunner.waitUntilDone(); |  15     testRunner.waitUntilDone(); | 
|  16   } |  16   } | 
|  17   if (window.internals && window.eventSender) { |  17   if (window.internals && window.eventSender) { | 
|  18     window.internals.settings.setAcceleratedCompositingForFixedPositionEnabled(t
    rue); |  18     window.internals.settings.setAcceleratedCompositingForFixedPositionEnabled(t
    rue); | 
|  19     window.internals.settings.setFixedPositionCreatesStackingContext(true); |  | 
|  20  |  19  | 
|  21     addEventListener("load", function() { |  20     addEventListener("load", function() { | 
|  22       window.scrollTo(100,100); |  21       window.scrollTo(100,100); | 
|  23  |  22  | 
|  24       document.getElementById("layerTree").innerText = internals.layerTreeAsText
    (document); |  23       document.getElementById("layerTree").innerText = internals.layerTreeAsText
    (document); | 
|  25  |  24  | 
|  26       window.eventSender.setPageScaleFactor(0.5, 0, 0); |  25       window.eventSender.setPageScaleFactor(0.5, 0, 0); | 
|  27       setTimeout(function() { |  26       setTimeout(function() { | 
|  28         document.getElementById("layerTreeScaledDown").innerText = internals.lay
    erTreeAsText(document); |  27         document.getElementById("layerTreeScaledDown").innerText = internals.lay
    erTreeAsText(document); | 
|  29  |  28  | 
| (...skipping 25 matching lines...) Expand all  Loading... | 
|  55 <div class="fixed" style="top: -100px"></div> |  54 <div class="fixed" style="top: -100px"></div> | 
|  56 <!-- When applyPageScaleFactorInCompositor is true, this will have composited la
    yer when scaled down; no layer when not scaled or scaled up. --> |  55 <!-- When applyPageScaleFactorInCompositor is true, this will have composited la
    yer when scaled down; no layer when not scaled or scaled up. --> | 
|  57 <div class="fixed"></div> |  56 <div class="fixed"></div> | 
|  58 <div class="fixed" style="top: 0px; left: 1000px"></div> |  57 <div class="fixed" style="top: 0px; left: 1000px"></div> | 
|  59 <!-- When applyPageScaleFactorInCompositor is true, this will have composited la
    yer when not scaled and scaled down; no layer scaled up. --> |  58 <!-- When applyPageScaleFactorInCompositor is true, this will have composited la
    yer when not scaled and scaled down; no layer scaled up. --> | 
|  60 <div class="fixed" style="top: 0px; left: 600px"></div> |  59 <div class="fixed" style="top: 0px; left: 600px"></div> | 
|  61 <!-- Always has composited layer. --> |  60 <!-- Always has composited layer. --> | 
|  62 <div class="fixed" style="top: 0px; left: 0px"></div> |  61 <div class="fixed" style="top: 0px; left: 0px"></div> | 
|  63 </body> |  62 </body> | 
|  64 </html> |  63 </html> | 
| OLD | NEW |