third_party/WebKit/LayoutTests/compositing/squashing/incorrect-clip-after-remove-compositing.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/run-after-layout-and-paint.js"></script>
   3 <style>
   4 html, body {
   5   margin: 0px;
   6   padding: 0px;
   7 }
   8 </style>
   9 <script>
  10 if (window.testRunner) {
  11     testRunner.waitUntilDone();
  12 }
  13 </script>
  14 <div style="position: absolute; top: 100px; width: 200px; z-index: 1; background-color: lightgreen;">
  15   <div style="position:relative; height: 50px; overflow: hidden; width: 50px;">
  16     <div style="position: absolute; height: 500px; width: 50px; top: -200px; background-color: green"></div>
  17   </div>
  18 </div>
  19 <div id="composited" style="position: absolute; height: 200px; width: 100px; opacity: 0; background-color: lightblue;"></div>
  20 <script>
  21 var element = document.getElementById('composited');
  22 element.style.transform = 'translateZ(0)';
  23 runAfterLayoutAndPaint(function() {
  24     element.style.transform = '';
  25     runAfterLayoutAndPaint(function() {
  26         if (window.testRunner)
  27             testRunner.notifyDone();
  28     });
  29 });
  30 </script>