Custom Cursor HTML5 Error

Just recently I have been having issues with custom cursors. In the top left of my canvas, the cursor works perfectly. The farther I move my mouse from there, the farther my custom cursor goes away from where my cursor should be. I've provided a video showing what I mean. In a project I am working on currently the cursor was functioning perfectly. I didn't touch the movie clip or the code and suddenly it started doing the same thing as test movie below. I did update to the newest version of Animate between the cursor working fine and having this bug. Additionally, I tried creating a drag and drop but the same error happens with what I'm trying to drag. The object drifts away from the cursor. Testing this issue, it seems to only be a problem for mac users, maybe just by coincidence?

This is my code:

stage.canvas.style.cursor = "none";

this.wand.mouseEnabled = false;

this.addEventListener("tick", fl_CustomMouseCursor_2.bind(this));

function fl_CustomMouseCursor_2() {

this.wand.x = stage.mouseX;

this.wand.y = stage.mouseY;

}

*I recently updated to the 16.5.1 release.