[Web Animations] Expose Web Animations CSS integration as an experimental feature
[WebKit-https.git] / LayoutTests / transitions / resources / transition-end-event-destroy-iframe-inner.html
1 <html>
2 <head>
3   <title>Destroy and Hide Element in Transition End Event</title>
4   <style type="text/css" media="screen">
5     .box {
6       height: 100px;
7       width: 100px;
8       margin: 10px;
9       background-color: blue;
10       -webkit-transition-property: -webkit-transform;
11       -webkit-transition-duration: 0.1s;
12     }
13   </style>
14   <script type="text/javascript" charset="utf-8">
15     var numDone = 0;
16     function transitionEnded()
17     {
18         parent.testFinished();
19     }
20
21     function startTest()
22     {
23         var box1 = document.getElementById('box1');
24         box1.addEventListener('webkitTransitionEnd', function() {
25             transitionEnded();
26         }, false);
27         box1.style.webkitTransform = 'translate(100px, 0)';
28     }
29     
30     window.addEventListener('load', startTest, false);
31   </script>
32 </head>
33 <body>
34
35 <p>Tests element removal of iframe in webkitTransitionEnd event handler. Should not crash.</p>
36
37 <div id="container">
38   <div id="box1" class="box"></div>
39 </div>
40 <div id="results"></div>
41 </body>
42 </html>