Merge pull request #6368 from surveyjs/bug/6353-signature-pad-pixel-bug

Signature Pad issue on Android Pixel devices - A previously defined signature is reset
surveyjs · Jun 16, 2023 · b9460b2 · b9460b2
2 parents 9848995 + 08e1830
commit b9460b2
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -182,7 +182,7 @@
     }
   },
   "dependencies": {
-    "signature_pad": "^2.3.2",
+    "signature_pad": "^4.1.5",
     "vite": "^3.1.8"
   }
 }
diff --git a/src/question_signaturepad.ts b/src/question_signaturepad.ts
@@ -89,14 +89,17 @@ export class QuestionSignaturePadModel extends Question {
 
     signaturePad.penColor = this.penColor;
     signaturePad.backgroundColor = this.backgroundColor;
-    signaturePad.onBegin = () => {
+
+    signaturePad.addEventListener("beginStroke", () => {
       this.isDrawingValue = true;
       canvas.focus();
-    };
-    signaturePad.onEnd = () => {
+    }, { once: true });
+
+    signaturePad.addEventListener("endStroke", () => {
       this.isDrawingValue = false;
       this.updateValue();
-    };
+    }, { once: true });
+
     var updateValueHandler = () => {
       var data = this.value;
       canvas.width = this.signatureWidth || defaultWidth;