Skip to content

Commit 83d66c9

Browse files
amiraliesxcarpentier
authored andcommitted
Add scroll to bot on message change when inverted is false
1 parent c235c8d commit 83d66c9

File tree

1 file changed

+10
-1
lines changed

1 file changed

+10
-1
lines changed

src/GiftedChat.tsx

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -401,12 +401,21 @@ class GiftedChat<TMessage extends IMessage = IMessage> extends React.Component<
401401
}
402402

403403
componentDidUpdate(prevProps: GiftedChatProps<TMessage> = {}) {
404-
const { messages, text } = this.props
404+
const { messages, text, inverted } = this.props
405405

406406
if (this.props !== prevProps) {
407407
this.setMessages(messages || [])
408408
}
409409

410+
if (
411+
inverted === false &&
412+
messages &&
413+
prevProps.messages &&
414+
messages.length !== prevProps.messages.length
415+
) {
416+
setTimeout(() => this.scrollToBottom(false), 200)
417+
}
418+
410419
if (text !== prevProps.text) {
411420
this.setTextFromProp(text)
412421
}

0 commit comments

Comments
 (0)