From c987ec172a59bd9746833213235e5748b9d414df Mon Sep 17 00:00:00 2001
From: Pete Matsyburka <pete.matsy@gmail.com>
Date: Thu, 8 Feb 2024 12:11:10 +0200
Subject: [PATCH] fix canvas intersection observer

---
 app/javascript/submission_form/initials_step.vue  | 6 +++++-
 app/javascript/submission_form/signature_step.vue | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/javascript/submission_form/initials_step.vue b/app/javascript/submission_form/initials_step.vue
index 42c6825a..992ee6fb 100644
--- a/app/javascript/submission_form/initials_step.vue
+++ b/app/javascript/submission_form/initials_step.vue
@@ -196,9 +196,13 @@ export default {
           if (entry.isIntersecting) {
             this.$refs.canvas.width = this.$refs.canvas.parentNode.clientWidth
             this.$refs.canvas.height = this.$refs.canvas.parentNode.clientWidth / 3
+
+            this.intersectionObserver?.disconnect()
           }
         })
-      }).observe(this.$refs.canvas)
+      })
+
+      this.intersectionObserver.observe(this.$refs.canvas)
     }
   },
   beforeUnmount () {
diff --git a/app/javascript/submission_form/signature_step.vue b/app/javascript/submission_form/signature_step.vue
index 6fe94974..0f4e5be3 100644
--- a/app/javascript/submission_form/signature_step.vue
+++ b/app/javascript/submission_form/signature_step.vue
@@ -221,9 +221,13 @@ export default {
           if (entry.isIntersecting) {
             this.$refs.canvas.width = this.$refs.canvas.parentNode.clientWidth
             this.$refs.canvas.height = this.$refs.canvas.parentNode.clientWidth / 3
+
+            this.intersectionObserver?.disconnect()
           }
         })
-      }).observe(this.$refs.canvas)
+      })
+
+      this.intersectionObserver.observe(this.$refs.canvas)
     }
   },
   beforeUnmount () {