adjust signing form

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()
 

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()

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