REGRESSION (r230574): Interrupted hardware transitions don't behave correctly
[WebKit-https.git] / LayoutTests / transitions / transition-unknown-property-ignore.html
1 <style type="text/css">
2 .container {
3     transition: -ms-transform 0.1s ease, transform 0.1s ease;
4     transform-origin: 100% 100%;
5 }
6
7 .container-transform {
8     transform: scale3d(1.3, 1.3, 1);
9     transform-origin: 0% 0%;
10 }
11
12 .box {
13     width: 100px;
14     height: 100px;
15     background-color: red;
16 }
17 </style>
18
19 <script type='text/javascript'>
20
21 if (window.testRunner) {
22     testRunner.dumpAsText();
23     testRunner.waitUntilDone();
24 }
25
26 function test() {
27     document.querySelector(".container").ontransitionend = (ev) => {
28         log.innerHTML += ev.propertyName +"<br>";
29         if (window.testRunner)
30             setTimeout(() => testRunner.notifyDone(), 0);
31     }
32     a.parentNode.classList.add('container-transform');
33 }
34
35 </script>
36
37 <body onload="test()">
38 <div class="container">
39 <div id="a" class="box">
40 </div>
41 </div>
42 <br><br>
43 Transitioning properties:
44 <div id=log></div>