Transforms based on vmin units stop applying once a transition ends (high DPI, also px)

Fixed, not yet flighted Issue #6402907

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.”

      Changed Assigned To to “Rick J.”

      Changed Title from “Transforms based on vmin units stop applying once a transition ends” to “Transforms based on vmin units stop applying once a transition ends (high DPI, also px)”

      Changed Title from “Transforms based on vmin units stop applying once a transition ends (high DPI, also px)” to “Transforms based on vmin units stop applying once a transition ends (high DPI, also px)”

      Changed Status to “Confirmed”

      Changed Assigned To from “Rick J.” to “Olga G.”

      Changed Assigned To from “Olga G.” to “IE S.”

      Changed Status from “Confirmed” to “Fixed”

      Changed Status from “Fixed” to “Fixed, not yet flighted”

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

    Sign in