src/third_party/WebKit/LayoutTests/compositing/squashing/no-squashing-into-fixed-position-that-clips.html

   1 <!DOCTYPE html>
   2 <style>
   3 .notsquashedelement {
   4   top: 0;
   5   right: 0;
   6   left: 0;
   7   z-index: 1000;
   8   height: 60px;
   9   background-color: green;
  10   position: fixed;
  11 }
  12
  13 .fixedpos {
  14   position: fixed;
  15   top: 50px;
  16   right: 0;
  17   left: 0;
  18   bottom: 0;
  19   overflow-y: auto;
  20   background-color: lightblue;
  21 }
  22
  23 .compositedlayer {
  24   position: fixed;
  25   top: 40px;
  26   left: 50%;
  27   width: 24px;
  28   height: 100px;
  29   background: lightgray;
  30   transform: translateZ(0);
  31 }
  32 </style>
  33 <div class="notsquashedelement"></div>
  34 <div class="fixedpos">
  35   <div class="compositedlayer"></div>
  36 </div>
  37 <pre id="output"></pre>
  38 <script>
  39 // Tests that not squashing into an element with a different clip works correctly with fixed-position layers.
  40 if (window.testRunner)
  41     window.testRunner.dumpAsText();
  42
  43 if (window.internals)
  44     output.textContent = window.internals.layerTreeAsText(document);
  45 </script>