Joystick is not released when moved out of the window only chrome and IE

[sharath1512]

For a static joystick, when we drag the joystick outside the position where it exists, the joystick is not released and we have to do an extra click to release it.

Steps:

1. drag the joystick outside the position where it is created (like into the white space.)
2. Observe that it is not released.

[yoannmoinet]

Do you have a setup I can test.

I can't reproduce it in the demo.

http://yoannmoinet.github.io/nipplejs/#demo

[sharathava]

Hi,

This can be reproduced in demo. This happens on IE and chrome but not on firefox. This is for the static mode (static tab).

[yoannmoinet]

what would be the expected behavior?

[sharathava]

I would expect the behaviour should be as it is behaving in the firefox. The joystick should be released.

[yoannmoinet]

that would be cool indeed, the issue is Chrome (and probably IE too) won't let you track the mouse move outside the window.
So it can't be the same as Firefox.
I could make it like it would release the joystick as soon as the cursor goes out of the window.

[sharathava]

Okay, So firefox would track the mouse move outside the window.
Is there a way I can fix this for IE and chrome? Or is it a limitation?

[adriancabouli]

touchcancel event it fix the problem!,

$(document).on('touchcancel', function(event) {
REMOVE_AND_CREATE_JOYSTIC() // or whatever...
});