fix canvas intersection observer

2 years ago · c987ec172a
parent 49f1637c47
commit c987ec172a
2 changed files with 10 additions and 2 deletions
--- 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 () {
--- 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 () {