third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-in-fixed-overflow.html

   1 <!DOCTYPE html>
   2 <style>
   3 .fixed {
   4   position: fixed;
   5 }
   6 .overflow {
   7   width: 100%;
   8   height: 100%;
   9   overflow-y: scroll;
  10 }
  11 .yellow {
  12   left: 200px;
  13   width: 100px;
  14   height: 100px;
  15   background-color: yellow;
  16 }
  17
  18 .blue {
  19   width: 100px;
  20   height: 1000px;
  21   background-color: blue;
  22 }
  23 </style>
  24 <div class="overflow fixed">
  25   <div class="yellow fixed"></div>
  26   <div class="blue"></div>
  27 </div>
  28 <pre></pre>
  29 <script src="../../resources/run-after-layout-and-paint.js"></script>
  30 <script>
  31 if (window.testRunner && window.internals) {
  32   testRunner.dumpAsText();
  33   testRunner.waitUntilDone();
  34   internals.settings.setPreferCompositingToLCDTextEnabled(true);
  35 }
  36
  37 runAfterLayoutAndPaint(function() {
  38   if (window.testRunner)
  39     document.querySelector('pre').textContent = window.internals.layerTreeAsText(document);
  40 }, true);
  41 </script>