InfiniteList doesn't use the scrollPubSub

Guy_Guy · January 7, 2025, 10:44am

[Problem/Question]
When the InfiniteMessage component gets loaded, it performs a scrollToBottom, but not with scrollPubSub.

github.com

sendbird/sendbird-uikit-react/blob/4595031866d9596c39bbfc56c2847d5e93255ceb/src/modules/GroupChannel/components/MessageList/InfiniteList.tsx#L44


      
          
            typingIndicator,
            onScrollPosition = noop,
            initDeps,
          } = props;
          
          const isFetching = React.useRef(false);
          const direction = React.useRef<'top' | 'bottom'>();
          const oldScrollTop = useRef(0);
          
          // SideEffect: scroll to bottom on initialized
          useLayoutEffect(() => {
            if (listRef.current) {
              listRef.current.scrollTop = listRef.current.scrollHeight;
            }
          }, initDeps);
          
          // SideEffect: keep scroll position
          useLayoutEffect(() => {
            if (listRef.current) {
              if (direction.current === 'top') {

So many capabilities of scrollPubSub aren’t being used or updated.

We want to know when the message list has finished loading and rendering and performed its scrollToBottom behavior and act accordingly - i.e. we need to scroll to the very first message.

[UIKit Version]
3.15.11

[Current impact]
There is no easy way to catch the moment the InfiniteList has scrolled to the bottom.

InfiniteList doesn't use the scrollPubSub

Not finding what you need