diff --git a/src/lib/components/chat/Messages.svelte b/src/lib/components/chat/Messages.svelte index 7c6c4f08c7..dce9b72798 100644 --- a/src/lib/components/chat/Messages.svelte +++ b/src/lib/components/chat/Messages.svelte @@ -66,11 +66,8 @@ }); const loadMoreMessages = async () => { - // scroll slightly down to disable continuous loading const element = getMessagesContainer(); - if (element) { - element.scrollTop = element.scrollTop + 100; - } + const previousScrollHeight = element?.scrollHeight ?? 0; messagesLoading = true; messagesCount += 8; @@ -79,6 +76,10 @@ await tick(); + if (element) { + element.scrollTop += element.scrollHeight - previousScrollHeight; + } + messagesLoading = false; };