bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'chats-keyboard-mobile' into 'develop'

Browse source 
Chats: fix #418 scrolling resize issue

Closes #418

See merge request soapbox-pub/soapbox-fe!233
This commit is contained in:
Alex Gleason 2020-09-12 03:56:32 +00:00
commit c2ae225db1
1 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/soapbox/features/chats/components/chat_message_list.js
View file

@ -89,11 +89,16 @@ class ChatMessageList extends ImmutablePureComponent {
return scrollBottom < elem.offsetHeight * 1.5; return scrollBottom < elem.offsetHeight * 1.5;
} }
handleResize = (e) => {
if (this.isNearBottom()) this.scrollToBottom();
}
componentDidMount() { componentDidMount() {
const { dispatch, chatId } = this.props; const { dispatch, chatId } = this.props;
dispatch(fetchChatMessages(chatId)); dispatch(fetchChatMessages(chatId));
this.node.addEventListener('scroll', this.handleScroll); this.node.addEventListener('scroll', this.handleScroll);
window.addEventListener('resize', this.handleResize);
this.scrollToBottom(); this.scrollToBottom();
} }
@ -125,6 +130,7 @@ class ChatMessageList extends ImmutablePureComponent {
componentWillUnmount() { componentWillUnmount() {
this.node.removeEventListener('scroll', this.handleScroll); this.node.removeEventListener('scroll', this.handleScroll);
window.removeEventListener('resize', this.handleResize);
} }
handleLoadMore = () => { handleLoadMore = () => {