Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Not working on chrome version 75 on android #169

Open
igortxo14 opened this issue Jun 10, 2019 · 7 comments
Open

Not working on chrome version 75 on android #169

igortxo14 opened this issue Jun 10, 2019 · 7 comments

Comments

@igortxo14
Copy link

jsignature is working perfect on android mobile chrome v74 or lower, and firefox.

Can't sign on android mobile chrome v75

@nvacheishvili
Copy link

nvacheishvili commented Jun 10, 2019

I am having the same issue. Has anyone found a solution? I am thinking that it might be an issue with the touchstart events. Chrome made changes to canvas element that is used for the signature container. To see more about changes, please visit: https://developers.google.com/web/updates/2019/06/nic75

@4bdesign
Copy link

Yeah I'm having the same issue too. I have found it works the first time the page is loaded but if it is refreshed or re-visited it doesn't work.

Would love to hear if anyone has found a solution.

@igortxo14
Copy link
Author

i found a solution for me.
I've added some css to the code.

On the canvas css style:

   -webkit-user-drag: none;
    user-select: none;     

On the div parent of the canvas css:

        touch-action: none;
        -webkit-touch-callout: none;
        /* iOS Safari */
        -webkit-user-select: none;
        /* Chrome/Safari/Opera */
        -khtml-user-select: none;
        /* Konqueror */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* Internet Explorer/Edge */
        user-select: none;
         overflow: hidden;
         -webkit-transition: none !important;
        -moz-transition: none !important;
        -o-transition: none !important;
        -ms-transition: none !important;
        transition: none !important; 

@4bdesign
Copy link

Hmmm, I couldn't get that working for me, didn't seem to make any difference. Thanks for sharing though :)

@nvacheishvili
Copy link

Hey, thanks for sharing your solution! It helped me! @igortxo14

@nvacheishvili
Copy link

Unfortunately, this fix is not a permanent solution as I have discovered. After several tests, the solution started to fail. The issue is due to chrome's update, you can follow more information here:
https://bugs.chromium.org/p/chromium/issues/detail?id=971937&q=canvas&colspec=ID%20Pri%20M%20Stars%20ReleaseBlock%20Component%20Status%20Owner%20Summary%20OS%20Modified
If anyone discovers a permanent solution, please share 🥇 💯

@caot
Copy link

caot commented Oct 8, 2019

Can anyone test the way mentioned at #135 ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants