Merge pull request #45 from decentralized-identity/feat/scroll2bottom

Feature: Scroll to bottom on contact load
decentralized-identity · Oct 5, 2023 · e5e1241 · e5e1241
2 parents ea09c0c + 53466c7
commit e5e1241
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/src/pages/profile/messaging.ts b/src/pages/profile/messaging.ts
@@ -231,11 +231,17 @@ class MessageHistoryComponent
     this.autoScroll = isAtBottom
   }
 
+  scrollToBottom(vnode: m.VnodeDOM<MessageHistoryComponentAttrs>) {
+    const container = vnode.dom.querySelector("#message-box") as HTMLElement
+    container.scrollTop = container.scrollHeight
+  }
+
+  oncreate(vnode: m.VnodeDOM<MessageHistoryComponentAttrs>) {
+    this.scrollToBottom(vnode)
+  }
+
   onupdate(vnode: m.VnodeDOM<MessageHistoryComponentAttrs>) {
-    if (this.autoScroll) {
-      const container = vnode.dom.querySelector("#message-box") as HTMLElement
-      container.scrollTop = container.scrollHeight
-    }
+    if (this.autoScroll) this.scrollToBottom(vnode)
   }
 
   onMessageReceived(message: AgentMessage) {
@@ -630,3 +636,5 @@ export default class MessagingComponent implements m.ClassComponent {
     }
   }
 }
+
+// vim: set ts=2 sw=2 sts=2 et ai :