Steps to reproduce
As title; I’m using CSS transition/transform to move an element, and if I try to control where the transition starts from by temporarily disabling transitions and positioning it, sometimes Edge plays the transition backwards, moving from the destination to the origin.
In IE11, Firefox and Chrome, the red square will oscillate from right to left to right to left.
In Edge, the red square will move from right to left, snap to the right, move left, snap, move, snap, move.
Comments and activity
Workaround: switch from translate to left/top
Downside: performance is worse, especially on Chrome
Workaround: add a tiny offset (0.1px) on the Y axis when positioning
Downside: the element isn’t where I need it to be
- Microsoft Edge Team
Changed Assigned To to “James M.”
Changed Status to “Fixed”
Thank you for providing this information about the issue. We are pleased to report this feature is fixed in Edge 16281 and is available in our latest Insider Preview build in the Fast ring.
The MS Edge Team