src/third_party/WebKit/LayoutTests/fast/layers/no-clipping-overflow-hidden-added-after-transition-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 div {
   6     width: 100px;
   7     height: 100px;
   8 }
   9
  10 .overflowHidden {
  11     overflow: hidden;
  12     background: purple;
  13 }
  14
  15 .transformed {
  16     transform: rotate(45deg) translate3d(0, 0, 0);
  17     background: green;
  18 }
  19 </style>
  20 </head>
  21 <body>
  22 <p> Test for bug <a href="https://bugs.webkit.org/show_bug.cgi?id=83954">83954</a>: REGRESSION(110072): Clipping is not applied on layers that are animated using platform code</p>
  23 <p> This passes if the bottom green transformed square doesn't split out of the purple square.</p>
  24 <div class="overflowHidden" style="height: 200px">
  25     <div class="overflowHidden">
  26         <div style="background: green"></div>
  27     </div>
  28     <div class="overflowHidden">
  29         <div class="transformed"></div>
  30     </div>
  31 </div>
  32 </body>
  33 </html>