VirtualJoystick needs to set style `touch-action: "none"` explicitly

I just ran into a tiny issue: The VirtualJoystick apprears and quickly disappears again when used by touch instead of mouse.

IMHO this comes from the style touch-action: "none" not being set on the canvas created by the virtual joystick. Does not happen in Playground for it sets a global style appropriately. This also is the workaround for the issue.

I suggest to set the style from code virtualJoystick.ts like such:

 VirtualJoystick.Canvas.style.msTouchAction = "none"; /* already in virtualJoystick.ts */
 VirtualJoystick.Canvas.style.touchAction = "none";  /* this is a the additional style */

makes sense, want to create PR for this?

Hi @RaananW!

I did … my first pull request ever. Hope it’s ok.

2 Likes

It is super fine! Thanks