[BUG] [Web-Mobile] [BUG] Making SVG-Elements Clickable (disable onTouch preventDefault) makes pan on mobile-dimensions laggy

[folsze]

It only happens on Broswer (for me with Google Chrome) with dimensions: "responsive" as mobile and with
width: 460
height: 840
see here:

Here is the repo:
https://github.com/folsze/panzoom-bug

Making SVG-Elements Clickable (disable onTouch preventDefault) makes the pan laggy.

Comment those three lines in/out:

Here are two GIFs demonstrating a version with fluid pan and a version with laggy pan:
EDIT: I HAD TO COMPRESS THE GIFS. THE FRAMERATE DROPPED AND NOW THE VIDEOS ARE indistinguishable.
for full quality videos go here:
https://wetransfer.com/downloads/469ce025134302e278df4151ca4a64c820230321115451/765cca07f22f5aed3cfe8680e52149cf20230321115548/b12c39

Fluid/smooth:

Laggy:

I think it is similar but unrelated to your comment on (https://github.com/anvaka/panzoom#handling-touch-events):
"make sure you test the page behavior on iOS devices. Sometimes this may cause page to bounce undesirably."

Can we ignore this since it only happens on web with those small dimensions? No, because:
It is reproducible on the android studio emulator (Pixel 33 XL API)

(Could not test on real mobile device yet since I have the combo of IOS+Non-MacOS. Will update here once tested.)

NOTE:
thus far this is the only thing that is holding me back from susing this library.
Otherwise I would use timmywil/panzoom but it also has a (less bad) "bug/hinderance" that is holding me back:
timmywil/panzoom#643

[folsze]

tested on native IOS device - still very slow behaviour - not able to use this for a real app. Does anyone else have this or is it just with this project? Even the svg file size is fairly small.

[jannis6023]

Same problem. setting onTouch to false makes me able to click the elements, but makes everything extremely laggy;
onClick makes it fluent, but not clickable...
Not really well usable for me!