third_party/WebKit/LayoutTests/compositing/squashing/squash-overflow-hidden-contents.html

   1 <!DOCTYPE html>
   2 <style type="text/css" media="screen">
   3   .container {
   4     display: inline-block;
   5     width: 200px;
   6     height: 200px;
   7     overflow: hidden;
   8     margin: 10px;
   9     border: 1px solid black;
  10   }
  11
  12   .inner {
  13     width: 100%;
  14     height: 1000px;
  15     background-color: blue;
  16   }
  17
  18   .compositing {
  19     position: absolute;
  20     top: 20px;
  21     left: 20px;
  22     width: 100px;
  23     height: 100px;
  24     transform: translateZ(0);
  25   }
  26 </style>
  27 <!-- Go into compositing. -->
  28 <div class="compositing"></div>
  29
  30 <!-- Test repainting when the graphicsLayer offsetFromRenderer changes -->
  31 <!-- You should see one green square, and no red -->
  32 <div class="container" style="position: relative;">
  33   <div class="inner" style="position: relative;">
  34   </div>
  35 </div>