From 5deac9f5e0e9a6ff3cfa46741bb5cad12d5d0ff5 Mon Sep 17 00:00:00 2001 From: Sean King Date: Thu, 8 Oct 2020 19:02:39 -0600 Subject: [PATCH] Use throttle for handleResize instead --- .../features/chats/components/chat_message_list.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/app/soapbox/features/chats/components/chat_message_list.js b/app/soapbox/features/chats/components/chat_message_list.js index 410b5832f..75b1df006 100644 --- a/app/soapbox/features/chats/components/chat_message_list.js +++ b/app/soapbox/features/chats/components/chat_message_list.js @@ -110,9 +110,9 @@ class ChatMessageList extends ImmutablePureComponent { return scrollBottom < elem.offsetHeight * 1.5; } - handleResize = (e) => { - if (this.isNearBottom() && !this.state.loading) this.scrollToBottom(); - } + handleResize = throttle((e) => { + if (this.isNearBottom()) this.scrollToBottom(); + }, 150); componentDidMount() { const { dispatch, chatId } = this.props; @@ -137,7 +137,7 @@ class ChatMessageList extends ImmutablePureComponent { const { initialLoad } = this.state; const oldCount = prevProps.chatMessages.count(); const newCount = this.props.chatMessages.count(); - const isNearBottom = this.isNearBottom(); + const isNearBottom = throttle(this.isNearBottom(), 150); const historyAdded = prevProps.chatMessages.getIn([0, 'id']) !== this.props.chatMessages.getIn([0, 'id']); // Retain scroll bar position when loading old messages