Pointer events cancelled by touch-action on Chrome

[apostolos]

Pointer events (e.g. pointermove) are being cancelled by a browser's touch action. This breaks Chrome on Android (or desktop Chrome with touch simulation enabled).

An easy fix is to put the following property to the svg element:

touch-action: none;

Before

After

[steveruizok]

Dude, my hero. Just pushed! Could you confirm that it's working?

https://perfect-freehand-example.vercel.app/
https://biwyi.csb.app/

[apostolos]

Works perfectly, thank you! 👍

(you should probably document the requirement, it's easy to miss if someone hasn't messed with pointer events before)