src/third_party/WebKit/LayoutTests/compositing/squashing/attempting-to-squash-into-compositing-container.html

   1 <!DOCTYPE html>
   2 <div style="overflow-y: auto; height: 500px; width: 500px; background-color: pink; ">
   3   <div style="position: absolute; top: 0; width: 20px; height: 20px; background-color: green;"></div>
   4   <div style="height: 5000px; background-color: yellow;"></div>
   5 </div>
   6 <div style="background-color: lightgreen; position: fixed; top: 50px; left: 10px; height: 400px; width: 400px;">
   7   <div style="background-color: lightblue; position: fixed; top: 75px; left: 10px; height: 300px; width: 300px;"></div>
   8   <div style="background-color: salmon; height: 200px; position: absolute; width: 200px"></div>
   9 </div>
  10 <script>
  11 if (window.testRunner) {
  12     internals.settings.setPreferCompositingToLCDTextEnabled(true);
  13     internals.settings.setLayerSquashingEnabled(true);
  14 }
  15 </script>