third_party/WebKit/LayoutTests/compositing/squashing/squashing-inside-perspective-with-reparented-scrolling.html

   1 <!DOCTYPE HTML>
   2 <!--
   3     This test ensures that the offset from renderer is correctly applied
   4     to reparented overflow controls, even if they are unclipped.
   5 -->
   6 <style>
   7 #scroller {
   8     overflow: scroll;
   9     width: 300px;
  10     height: 300px;
  11     position: relative;
  12     top: 10px;
  13 }
  14
  15 #fixed {
  16     position: fixed;
  17     background: blue;
  18     left: 90px;
  19     width: 10px;
  20     height: 10px;
  21 }
  22
  23 #scrolled {
  24     position: relative;
  25     background: green;
  26     width: 80px;
  27     height: 500px;
  28 }
  29 </style>
  30 <div style="z-index: 1; position: absolute"></div>
  31 <div style="z-index: 0; perspective: 1000px; position: absolute;">
  32     <div id='scroller'>
  33         <div id='fixed'></div>
  34         <div id='scrolled'></div>
  35     </div>
  36 </div>
  37 <script>
  38 // Check that a case with a reparented overflow control and a containing perspective node
  39 // paints the same with and without layer squashing.
  40 if (window.internals) {
  41     window.internals.settings.setOverlayScrollbarsEnabled(true);
  42     window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
  43 }
  44 </script>