Steps to reproduce
Here’s an example I created: http://www.ghiasi.net/EdgeWPframeSkippingBug/test1/index.html
If you run this on Chrome (Android) or Edge (PC) or even IE11 (WP8.1), you’ll see that long waits (longer than 20ms) happens rarely. (maybe just one in each second) which is fine, and animation runs smoothly.
But if you run it on a Windows 10 Mobile device (tested on Lumia 930 and Lumia 540, both running latest build of Windows 10 Mobile) You’ll see that lots of long waits are happening, and the movement lag is noticable.
I’ve noticed this bug while developing a 2D html game, but I created this simple example to demonstrate the issue.
Waits longer than 20ms (between current and next requestAnimationFrame) should happen rarely, so animation runs smoothly. (no lag)
Dev Channel specific:
Comments and activity
- Microsoft Edge Team
Changed Assigned To to “Rico M.”
Changed Assigned To from “Rico M.” to “Daniel L.”
Changed Status to “Confirmed”
Changed Steps to Reproduce
Changed Title from “Too much dropped frame when rendering canvas using requestAnimationFrame in Edge Mobile” to “Too much dropped frame when rendering canvas using requestAnimationFrame in Edge Mobile”