third_party/WebKit/LayoutTests/compositing/overflow/scrollbar-painting.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style>
   5   .composited {
   6     transform: translateZ(0);
   7   }
   8
   9   .box {
  10     margin: 10px;
  11     width: 100px;
  12     height: 100px;
  13     z-index: 0;
  14   }
  15   .overflow {
  16     position: relative;
  17     overflow: scroll;
  18   }
  19
  20   .content {
  21     height: 500px;
  22     width: 500px;
  23     background-color: gray;
  24   }
  25
  26   .resizable {
  27     overflow: auto;
  28     resize: both;
  29   }
  30   </style>
  31   </head>
  32 <body>
  33   <p>You should see scrollbars on the gray square, and a resizer control below it.</p>
  34   <div class="overflow box">
  35     <div class="content composited"></div>
  36   </div>
  37
  38   <div class="resizable composited box">
  39   </div>
  40 </body>
  41 </html>