src/third_party/WebKit/LayoutTests/css3/filters/remove-filter-repaint.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <title>filter-bug</title>
   5     <style>
   6     .backdrop {
   7         position: absolute;
   8         top: 0;
   9         left: 0;
  10         height: 100px;
  11         width: 100px;
  12         background-color: silver;
  13     }
  14
  15     .overlay {
  16         position: absolute;
  17         top: 50px;
  18         left: 50px;
  19         width: 400px;
  20         height: 100px;
  21         background: gray;
  22         box-shadow: 0 0 4px black;
  23     }
  24
  25     .play {
  26         font-size: 36pt;
  27         background-color: navy;
  28         color: white;
  29     }
  30     .play.changed {
  31         -webkit-filter: drop-shadow(black 0 0 5px);
  32     }
  33     .composited {
  34         transform: translateZ(0);
  35     }
  36
  37     </style>
  38     <script>
  39         if (window.testRunner)
  40             testRunner.waitUntilDone();
  41
  42         function doTest()
  43         {
  44             window.setTimeout(function() {
  45
  46 document.getElementById('play').classList.remove('changed');
  47                 if (window.testRunner)
  48                     testRunner.notifyDone();
  49             }, 0);
  50         }
  51
  52         window.addEventListener('load', doTest, false);
  53     </script>
  54 </head>
  55 <body>
  56     <div class="composited backdrop"></div>
  57     <div class="overlay">
  58         <span id="play" class="play changed">this should be
  59         visible</span>
  60     </div>
  61 </body>
  62 </html>