Skip to content

Commit 5f635ed

Browse files
committed
(fix) auto scroll on last message
1 parent 2752df3 commit 5f635ed

File tree

1 file changed

+6
-1
lines changed

1 file changed

+6
-1
lines changed

src/ChatWindow/Room/Room.vue

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -562,8 +562,13 @@ export default {
562562
563563
if (index !== this.messages.length - 1) return
564564
565+
const messageHeight = document.getElementById(message._id).offsetHeight
566+
const autoScrollOffset = messageHeight + 60
567+
565568
setTimeout(() => {
566-
if (this.getBottomScroll(this.$refs.scrollContainer) < 60) {
569+
if (
570+
this.getBottomScroll(this.$refs.scrollContainer) < autoScrollOffset
571+
) {
567572
this.scrollToBottom()
568573
} else {
569574
if (message.senderId === this.currentUserId) {

0 commit comments

Comments
 (0)