From a588c2f4a4b0e585bf5cf17739dd024dd5155829 Mon Sep 17 00:00:00 2001
From: Pete Matsyburka <pete@docuseal.com>
Date: Thu, 17 Sep 2026 17:44:22 +0300
Subject: [PATCH] adjust signing form

---
 app/javascript/submission_form/form.vue           | 2 ++
 app/javascript/submission_form/initials_step.vue  | 5 +++++
 app/javascript/submission_form/signature_step.vue | 9 +++++++++
 3 files changed, 16 insertions(+)

diff --git a/app/javascript/submission_form/form.vue b/app/javascript/submission_form/form.vue
index 61ae047c9..6204d0116 100644
--- a/app/javascript/submission_form/form.vue
+++ b/app/javascript/submission_form/form.vue
@@ -1767,6 +1767,8 @@ export default {
       this.isCompleted = true
       this.isFormVisible = true
 
+      window.webkit?.messageHandlers?.native?.postMessage({ type: 'stale' })
+
       if (resp?.text) {
         const respData = await resp.text()
 
diff --git a/app/javascript/submission_form/initials_step.vue b/app/javascript/submission_form/initials_step.vue
index 1e9f1b677..8a7515184 100644
--- a/app/javascript/submission_form/initials_step.vue
+++ b/app/javascript/submission_form/initials_step.vue
@@ -160,6 +160,9 @@
         role="img"
         :aria-label="t('initials_drawing_area')"
         class="bg-white border border-base-300 rounded-2xl w-full draw-canvas"
+        @touchstart.passive="lockSwipe"
+        @touchend.passive="unlockSwipe"
+        @touchcancel.passive="unlockSwipe"
       />
     </div>
     <input
@@ -311,6 +314,8 @@ export default {
     this.intersectionObserver?.disconnect()
   },
   methods: {
+    lockSwipe: SignatureStep.methods.lockSwipe,
+    unlockSwipe: SignatureStep.methods.unlockSwipe,
     drawOnCanvas: SignatureStep.methods.drawOnCanvas,
     drawImage (event) {
       this.remove()
diff --git a/app/javascript/submission_form/signature_step.vue b/app/javascript/submission_form/signature_step.vue
index df5c79743..01f0271ee 100644
--- a/app/javascript/submission_form/signature_step.vue
+++ b/app/javascript/submission_form/signature_step.vue
@@ -205,6 +205,9 @@
         :aria-label="t('signature_drawing_area')"
         style="padding: 1px; 0"
         class="bg-white border border-base-300 rounded-2xl w-full draw-canvas"
+        @touchstart.passive="lockSwipe"
+        @touchend.passive="unlockSwipe"
+        @touchcancel.passive="unlockSwipe"
       />
       <div
         v-if="isShowQr"
@@ -576,6 +579,12 @@ export default {
     this.stopCheckSignature()
   },
   methods: {
+    lockSwipe () {
+      window.webkit?.messageHandlers?.native?.postMessage({ type: 'swipe', op: 'lock' })
+    },
+    unlockSwipe () {
+      window.webkit?.messageHandlers?.native?.postMessage({ type: 'swipe', op: 'unlock' })
+    },
     setCanvasSize () {
       const canvas = this.$refs.canvas