Joystick gets stuck on status bar in iOS

[janoelker]

On all of my Apple products (iPhone SE, iPhone 7, Mac mini) the joystick gets stuck. What you simply have to do is to drag the joystick to the top menu/status bar and then release the finger/left click. After that the joystick gets stuck in the last position. To release it you have to start a new touch/click event.

Did anyone else experienced this problem? Is there a workaround?

[yoannmoinet]

Did you get this behavior in one of the example we have?

Because I could not reproduce the issue on iOS Simulator, which is the only way I have to test iOS devices.

Please reopen with some testable code.
Thank you.

[janoelker]

In the gif below you can see what I mean. This behavior leads to a stucked stick on some of my mobile devices.

If I can support you with any information, then let me know.

[yoannmoinet]

Thanks @Steckdoserich I'm looking into it, see if I can reproduce it on my end.

The thing is, in your gif, the example is embedded in an iframe, which is far from any real-life usage.
So if you encounter the issue in a real-life usage, feel free to re-open the issue.

[yoannmoinet]

Also, what kind of iPad, iOS do you use?

[janoelker]

Thanks @yoannmoinet for having a look into it!
The gif was in the safari (12.0.2) on my Mac (Version 10.14.2).

My first experience with this bug was in my App. I'm currently using your plugin to bring a joystick into my Cordova App. My first step was to check if the problem was on my side. So I just build a Cordova App with your third test (index3.html) in it. As you can see in the gif below, this bug can occur on mobile devices as well.

This has been tested on my iPhone SE (iOS 12.1) and iPhone 7 (iOS 12.1). While the gif is recorded on an iPhone SE 12.1 Simulator, because I can display my touch events.

[janoelker]

Is there any update or do you need any further information?

[janoelker]

@yoannmoinet I just found out that a touchend event doesn't get called in iOS when you leave the screen over the statusbar. Therefore the pageY value of the touchmove event is going negative. I found the solution over here: https://stackoverflow.com/a/37434902/1754625