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

   1 <!DOCTYPE html>
   2 <script src="../../resources/run-after-display.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     internals.settings.setForceCompositingMode(true);
  13 }
  14 </script>
  15 <div style="position: absolute; top: 100px; width: 200px; z-index: 1; background-color: lightgreen;">
  16   <div style="position:relative; height: 50px; overflow: hidden; width: 50px;">
  17     <div style="position: absolute; height: 500px; width: 50px; top: -200px; background-color: green"></div>
  18   </div>
  19 </div>
  20 <div id="composited" style="position: absolute; height: 200px; width: 100px; opacity: 0; background-color: lightblue;"></div>
  21 <script>
  22 var element = document.getElementById('composited');
  23 element.style.transform = 'translateZ(0)';
  24 runAfterDisplay(function() {
  25     element.style.transform = '';
  26     runAfterDisplay(function() {
  27         if (window.testRunner)
  28             testRunner.notifyDone();
  29     });
  30 });
  31 </script>