summaryrefslogtreecommitdiffstats
path: root/layout/reftests/bugs/983084-3.html
blob: 931a78d16fd37e8ba09aa427c89a01aeef78b28c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html class="reftest-wait">
    <head>
        <style>
          div {
            transition: opacity 0.1s;
          }
        </style>
        <script>
            function showItem() {
                var el = document.getElementById("two");
                getComputedStyle(el).opacity; // flush styles
                el.style.opacity = 1;
                document.addEventListener("transitionend", function() {
                  document.documentElement.removeAttribute("class");
                }, false);
            }
            window.addEventListener("MozReftestInvalidate", showItem, false);
        </script>
    </head>
    <body>
        <div id="one" style="width:50px; height:50px; background-color:blue; position:absolute"></div>
        <div id="two" style="width:500px; height:500px; background-color:red; opacity:0.5"></div>
    </body>
</html>