fix canvas intersection observer

This commit is contained in:
Pete Matsyburka
2024-02-08 12:11:10 +02:00
parent 49f1637c47
commit c987ec172a
2 changed files with 10 additions and 2 deletions
@@ -196,9 +196,13 @@ export default {
if (entry.isIntersecting) { if (entry.isIntersecting) {
this.$refs.canvas.width = this.$refs.canvas.parentNode.clientWidth this.$refs.canvas.width = this.$refs.canvas.parentNode.clientWidth
this.$refs.canvas.height = this.$refs.canvas.parentNode.clientWidth / 3 this.$refs.canvas.height = this.$refs.canvas.parentNode.clientWidth / 3
this.intersectionObserver?.disconnect()
} }
}) })
}).observe(this.$refs.canvas) })
this.intersectionObserver.observe(this.$refs.canvas)
} }
}, },
beforeUnmount () { beforeUnmount () {
@@ -221,9 +221,13 @@ export default {
if (entry.isIntersecting) { if (entry.isIntersecting) {
this.$refs.canvas.width = this.$refs.canvas.parentNode.clientWidth this.$refs.canvas.width = this.$refs.canvas.parentNode.clientWidth
this.$refs.canvas.height = this.$refs.canvas.parentNode.clientWidth / 3 this.$refs.canvas.height = this.$refs.canvas.parentNode.clientWidth / 3
this.intersectionObserver?.disconnect()
} }
}) })
}).observe(this.$refs.canvas) })
this.intersectionObserver.observe(this.$refs.canvas)
} }
}, },
beforeUnmount () { beforeUnmount () {