dragRotate broken on mobile Chrome

[jh3y]

So far with Zdog I've not had much luck with fluid dragRotate on anything other than desktop browser. If I try to drag on say Chrome on Android/iOS I can only drag a small amount before the drag stops. I've attached a GIF of the issue being replicated in the Chrome inspector.

Test case: https://codepen.io/desandro/pen/YbrLaO / zzz.dog

I've taken a look through the code and think I have an idea of where to debug the issue. I'll see if I can put some time into it 👍

[turbo]

Same, the drag implementation does not work for me on mobile (iOS Safari and Android Chrome)

[desandro]

Thanks for reporting this issue. I'm not able to replicate it in iOS Safari or iOS Chrome. I'll have to take a look in desktop emulation.

[partynikko]

I have the same problem running Chrome on Android

[desandro]

Looks like this a touch device issue — similar to this SO thread. We can resolve it with touch-action: none CSS. I'll add a fix for the next release. In the meantime, you can add this CSS:

.zdog-canvas {
  touch-action: none;
}

[jh3y]

Should/Could I open a PR where that CSS is applied to the element?

[desandro]

@jh3y Thanks for the offer, but I got this one covered.

[jh3y]

Oh. That's a shame. I'd have been happy to open a small PR applying that CSS to element after sourcing the issue.
You wouldn't want to apply touch-action: none though if PointerEvent isn't available on window right?