diff --git a/src/components/middle/MessageList.tsx b/src/components/middle/MessageList.tsx index ee61e87c4..2156dc9fe 100644 --- a/src/components/middle/MessageList.tsx +++ b/src/components/middle/MessageList.tsx @@ -422,6 +422,16 @@ const MessageList: FC = ({ const prevContainerHeight = prevContainerHeightRef.current; prevContainerHeightRef.current = containerHeight; + // Skip initial resize observer callback + if ( + messageIds === prevMessageIds + && isViewportNewest === prevIsViewportNewest + && containerHeight !== prevContainerHeight + && prevContainerHeight === undefined + ) { + return; + } + const container = containerRef.current!; listItemElementsRef.current = Array.from(container.querySelectorAll('.message-list-item')); const lastItemElement = listItemElementsRef.current[listItemElementsRef.current.length - 1];