From d0cfdbe8726deb185093285c55b131d9063dadff Mon Sep 17 00:00:00 2001
From: Simon Forsberg <zomis2k@hotmail.com>
Date: Sat, 23 Mar 2019 19:35:12 +0100
Subject: [PATCH] Scroll messages to bottom when showing them

---
 src/views/lobby/Messages.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/views/lobby/Messages.vue b/src/views/lobby/Messages.vue
index 6d30a7f..e3e63b4 100644
--- a/src/views/lobby/Messages.vue
+++ b/src/views/lobby/Messages.vue
@@ -34,15 +34,21 @@ export default {
   data() {
     return { message: "" };
   },
+  mounted() {
+    this.scrollToBottom();
+  },
   watch: {
     messages() {
+      this.scrollToBottom();
+    }
+  },
+  methods: {
+    scrollToBottom() {
       this.$nextTick(() => {
         let container = this.$refs.container;
         container.scrollTop = container.scrollHeight;
       });
-    }
-  },
-  methods: {
+    },
     sendMessage() {
       if (this.message.trim().length === 0) {
         return;