Windows 10 touchscreens and Microsoft Edge browser only generates dots

thread-pond / signature-pad

A jQuery plugin for assisting in the creation of an HTML5 canvas based signature pad. Records the drawn signature in JSON for later regeneration.

BSD 3-Clause "New" or "Revised" License

727 stars 292 forks source link

Windows 10 touchscreens and Microsoft Edge browser only generates dots #177

Open treyperkins opened 8 years ago

treyperkins commented 8 years ago

Hello, wanted to report that the signature pad will not properly accept touchscreen input on Windows 10 in the Microsoft Edge browser. Despite the presence of the ms-touch-action and other CSS attributes, the signature pad is still triggering drag and other actions. Input is only received as dots and occasional short vectors. Please see attached screenshot.

Running in IE 11 or Chrome on the same laptop does not exhibit the behavior.

Any new CSS tricks you recommend trying? Thanks!

thomasjbradley commented 8 years ago

I wonder if it's because of Windows using PointerEvents instead of TouchEvents...

treyperkins commented 8 years ago

Is there any information or logs I can provide to help figure this out? I'm honestly not familiar with how Windows applications determines touch versus pointer or how I can influence that from my CSS or HTML other than the standard -ms-touch-action and -ms-user-select attributes

It's entirely limited to Microsoft Edge. IE 11, Chrome, Firefox all work on Windows 10. Just the Edge browser fails.

thomasjbradley commented 8 years ago

I'm not sure how I can help you debug the problem... I don't have access to any touchscreen Windows devices.

treyperkins commented 8 years ago

Ok, I'll try to do some research this week and see if I can get technical details of the cause to you. Steep learning curve ahead, I'd wager.

pulsamatt commented 8 years ago

Did you ever find a solution for this? I am running into the same problem but in IE11 on a Windows 10 Intel Compute Stick. I had a signing kiosk working perfectly on windows 7 but since I decided to add a windows 10 one I cant get it to work. The screen wants to overscroll (I think that's what its doing) and when it does it just puts dots in the signature box like you showed.

trustmayneman commented 8 years ago

I can confirm this also happens on pywebkit (Python library) on ubuntu 12.04 and also on iOS (various versions) with chrome. It only happens approx 1-4% of the time, the rest of the time it works perfectly. I am thinking on iOS it is a issue where the user scrolls while trying to create signature and the focus is lost to the page.