From cd1bcc7f39cc8c590f009c689fd68cef583bec57 Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Tue, 10 Mar 2026 12:43:38 +0000
Subject: [PATCH] Make chatbox scroll to bottom once all images have loaded

---
 nginx/vue/src/components/util/Chat.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/nginx/vue/src/components/util/Chat.vue b/nginx/vue/src/components/util/Chat.vue
index 3b3a4f8..ba0fb02 100644
--- a/nginx/vue/src/components/util/Chat.vue
+++ b/nginx/vue/src/components/util/Chat.vue
@@ -109,12 +109,14 @@ onUnmounted(() => {
                         v-if="isImageUrl(message.fileUrl)"
                         :src="message.fileUrl"
                         class="max-w-xs max-h-48 rounded"
+                        @load="scrollToBottom"
                     />
                     <video
                         v-else-if="isVideoUrl(message.fileUrl)"
                         :src="message.fileUrl"
                         controls
                         class="max-w-xs max-h-48 rounded"
+                        @loadedmetadata="scrollToBottom"
                     />
                     <a
                         v-else