Skip to content

Commit 3a2eae5

Browse files
committed
feat: improve message scrolling behavior
1 parent 4a964da commit 3a2eae5

2 files changed

Lines changed: 16 additions & 1 deletion

File tree

chat-app/frontend/app.js

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,9 @@ function renderMessages(messages) {
4444
}
4545

4646
if (messages.length !== lastMessageCount && messages.length > 0) {
47-
messagesEl.lastElementChild?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
47+
requestAnimationFrame(() => {
48+
messagesEl.scrollTo({ top: messagesEl.scrollHeight, behavior: 'smooth' });
49+
});
4850
}
4951

5052
lastMessageCount = messages.length;

chat-app/frontend/package-lock.json

Lines changed: 13 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)