🐛 Handle image loading race condition

WebCrateApp · Jan 6, 2022 · 68ab7ce · 68ab7ce
1 parent c5a318d
commit 68ab7ce
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/client/components/ImageDisplay.vue b/client/components/ImageDisplay.vue
@@ -71,6 +71,9 @@ export default {
 			this.$emit('fail')
 		},
 		onLoad() {
+			// Prevent edge case where img and wrapper don't exist yet
+			if (!this.$refs.img || !this.$refs.wrapper) return
+
 			// Set/limit the elements height to the default height after load
 			const imageHeight = this.$refs.img.offsetHeight
 			if (imageHeight < this.defaultHeight) {