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

Issue #6402907 • Assigned to Rick J.

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

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

    Sign in