From 6db4365b87a43a20aaa8d9c5a80a9c6b86911feb Mon Sep 17 00:00:00 2001
From: N-Pex <npexdev@gmail.com>
Date: Thu, 10 Dec 2020 12:51:04 +0100
Subject: [PATCH] Fix scroll

Issue #12. Scrolling was broken when the resize observer was added as last child.
---
 src/components/Chat.vue | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/Chat.vue b/src/components/Chat.vue
index 09f5a1d..f7cc318 100644
--- a/src/components/Chat.vue
+++ b/src/components/Chat.vue
@@ -5,8 +5,13 @@
       class="chat-content flex-grow-1 flex-shrink-1"
       ref="chatContainer"
       style="overflow-x: hidden; overflow-y: auto"
-      v-on:sscroll="onScroll"
+      v-on:scroll="onScroll"
     >
+      <!-- Handle resizes, e.g. when soft keyboard is shown/hidden -->
+      <resize-observer
+        ref="chatContainerResizer"
+        @notify="handleChatContainerResize"
+      />
       <div v-for="event in events" :key="event.getId()">
         <div
           v-if="
@@ -47,12 +52,6 @@
           </div>
         </div>
       </div>
-
-      <!-- Handle resizes, e.g. when soft keyboard is shown/hidden -->
-      <resize-observer
-        ref="chatContainerResizer"
-        @notify="handleChatContainerResize"
-      />
     </div>
 
     <!-- Input area -->