Page is scrolling around when trying to sign

[joanrotbard]

version: Signature Pad v4.0.3
iPhone SE using iOS 15.4.1

This issue only seems to occur in the iOS application. The only place I experience the page scrolling up and down while I’m trying to sign is in in the iOS application.

• There is no specific part of the screen that it happens on. You can touch anywhere, and it will treat your touch like you’ve grabbed the page to scroll. The “ink” still shows up as I’m trying to sign, but because the page also scrolls at the same time with my movement it makes it impossible to write a clear signature.

[UziTech]

I don't have an iOS device to debug this but if someone wants to contribute a fix I would be happy to merge it.

[sinswear]

I also run into this problem.
My solution is use iNoBounce.js.
Just make sure your iNoBounce.isEnabled() is correct.

[zekeriyaerogluu]

I also run into this problem. My solution is use iNoBounce.js. Just make sure your iNoBounce.isEnabled() is correct.

Can you give some information on how you use it? my scroll is broken.

[Hermanverschooten]

If you add style="touch-action: none;" to the element then it will prevent this.

[UziTech]

touch-action: none should already be set.

signature_pad/src/signature_pad.ts

Line 152 in bf6c877

this.canvas.style.touchAction = 'none';

[Hermanverschooten]

Ah yes, I had to put it on the surrounding div for it to stop scrolling.