Setting -webkit-filter: in :active selector causes failure to redraw
[WebKit-https.git] / 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         -webkit-transform: translateZ(0);
35     }
36     </style>
37     <script>
38         if (window.testRunner)
39             testRunner.waitUntilDone();
40         function doTest()
41         {
42             window.setTimeout(function() {
43                 document.getElementById('play').classList.remove('changed');
44                 if (window.testRunner)
45                     testRunner.notifyDone();
46             }, 0);
47         }
48         window.addEventListener('load', doTest, false);
49     </script>
50 </head>
51 <body>
52     <div class="composited backdrop"></div>
53     <div class="overlay">
54         <span id="play" class="play changed">this should be visible</span>
55     </div>
56 </body>
57 </html>