third_party/WebKit/LayoutTests/compositing/overflow/respect-clip-for-non-composited-scrollers-when-prefering-compositing-over-lcd-text.html

   1 <!DOCTYPE HTML>
   2 <style>
   3 #scroller {
   4   width: 100px;
   5   height: 100px;
   6   border: 1px solid black;
   7   overflow: scroll;
   8   border-radius: 1px;
   9 }
  10
  11 #scrolled {
  12   width: 60px;
  13   height: 300px;
  14   border: 1px solid black;
  15   background: papayawhip;
  16 }
  17
  18 #composited {
  19   width: 10px;
  20   height: 10px;
  21   will-change: transform;
  22   background: green;
  23   border: 2px solid orange;
  24 }
  25 </style>
  26 <div id="scroller">
  27   <div id="scrolled"></div>
  28   <div id="composited"></div>
  29 </div>
  30 <script>
  31 if (window.internals)
  32   internals.settings.setPreferCompositingToLCDTextEnabled(true);
  33 </script>