MessageList gradually scrolling out of view when new message is received

[jordanshardy]

Hey, thanks for your work, awesome package.

Having a small issue where a new message is received, the last message on MessageList is gradually scrolling out of focus.

Here is the example video: https://www.loom.com/share/9d42356201e945559963cfe717e16506

Here is the code, pretty straight forward so I don't think it's something with the props:

   <MessageList
            ref={msgListRef}
            scrollBehavior="auto"
            onYReachStart={
              hasMoreMessages &&
              !isLoadingMessages &&
              typeof onLoadMore === 'function'
                ? onLoadMore
                : undefined
            }
            {...messageListProps}>
            <MessageList.Content>
            </MessageList.Content>
   </MessageList>

Curious if anyone else is having this issue and what I can do to solve it.

Thanks!

[supersnager]

@yordanshardy I'm not sure but it may be due to custom message styling. Unfortunately managing sticky scroll is quite complicated, so it is impossible to debug with just a video and a simple example. If the problem still occurs please provide a repro.