Attachment 362706 Details for Bug 194938 – Test case

Test case

transition-shoud-not-cancel-when-changing-transition-duration.html (text/html), 864 bytes, created by Antoine Quint on 2019-02-22 01:20:16 PST

(hide)

Description:

Filename:

MIME Type:

Creator: Antoine Quint

Created: 2019-02-22 01:20:16 PST

Size: 864 bytes

patch

obsolete

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>

div {
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    background-color: black;
}

</style>
</head>
<body>
<div></div>
<script>

    const target = document.querySelector("div");
    target.style.transitionDuration = "5s";

    setTimeout(_ => {
        target.addEventListener("transitionrun", event => {
            setTimeout(_ => {
                console.log("Removing the 'transition' property after the transition has been running for a second.");
                target.style.removeProperty("transition-duration");
                console.log(`Number of running animations: ${target.getAnimations().length}.`);
            }, 1000);
        });

        console.log("Starting initial transition.");
        target.style.marginLeft = "500px";
    });

</script>
</body>
</html>

Actions: View

Attachments on bug 194938: 362706