Scroll messages to bottom when showing them

Zomis · Mar 23, 2019 · d0cfdbe · d0cfdbe
1 parent 3fc6e45
commit d0cfdbe
Showing 1 changed file with 9 additions and 3 deletions.
diff --git 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;