stream-chat-react icon indicating copy to clipboard operation
stream-chat-react copied to clipboard

bug: jump-to-message state is shared between the main message list and thread

Open MartinCupela opened this issue 3 years ago • 0 comments

Describe the bug

If a user clicks on a quoted message, the UI "jumps" and renders the target message. As a result the container's scroll position changes. If the quoted message or any of the surrounding messages have higher number of replies, that do not fit into the height of the thread, the opening of such thread leads to it being scrolled to the top.

To Reproduce

Steps to reproduce the behavior:

  1. Have a long message list (e.g. 100+ messages) with a message at its beginning with 100+ replies
  2. Quote such message
  3. Click on the quoted message
  4. Open the thread for that given message
  5. Observer the thread to be scrolled to the top

Expected behavior

Thread is scrolled to the bottom when opened.

Video

jump_to_message_thread_scrolled_to_top.webm

Package version

  • stream-chat-react: 10.1.1

MartinCupela avatar Sep 21 '22 14:09 MartinCupela