Transforms based on vmin units stop applying once a transition ends

Issue #6402907 • Assigned to Frank O.

Details

Created
Feb 2, 2016
Privacy
This issue is public.
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

URL:

Repro Steps:

<html>
<body>
<style>
#mover {
transition: transform 0.25s linear;
width: 25vmin;
height: 20vmin;
background: red;
}
</style>
<script>
var state = false
setInterval(function(){
mover.style.transform = "translateX(" + (state ? 30 : 5) + "vmin)"
state = !state
}, 1000)
</script>
<div id="mover"></div>
</body>
</html>

Expected Results:

As per Chrome or Firefox, the element stays at the destination transform once it has transitioned to it.

Actual Results:

Dev Channel specific:

No

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Frank O.”

    You need to sign in to your Microsoft account to add a comment.

    Sign in