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

bug: "Unread messages" message cannot be dismissed

Open iamsamgibbs opened this issue 4 months ago • 3 comments

Describe the bug

Clicking the "X" button on the "Unread messages" message does nothing, would expect it to dismiss the message without scrolling to the unread messages.

To Reproduce

Steps to reproduce the behavior:

  1. Be in a channel whilst scrolled up
  2. Have new messages arrive in the channel
  3. Have the "Unread messages" message appear
  4. Click the "X" button on the right

Expected behavior

"Unread messages" message is dismissed

Screenshots

https://github.com/user-attachments/assets/654c5e15-1688-4594-8b44-f706912110b4

Package version

Have experienced it locally with stream-chat-react: 13.3.0 but is also possible to recreate on the demos page which is presumably running the most recent version: https://getstream.io/chat/demos/team/

Desktop (please complete the following information):

  • OS: MacOS 15.6.1
  • Browser: Chrome
  • Version: 140.0.7339.133

iamsamgibbs avatar Oct 15 '25 19:10 iamsamgibbs

Hello @iamsamgibbs , I can reproduce it on teams demo, but cannot reproduce it with the default SDK components neither with the social messenger demo.

Could you upgrade to the latest version of the SDK please? Could you share code where we could see, how you customize the message list and its components?

MartinCupela avatar Oct 16 '25 07:10 MartinCupela

Hey @MartinCupela thank you for the quick response. I can recreate it on the latest version of the SDK following the first steps of the react-chat tutorial on the site, I've spun it up here: https://stackblitz.com/edit/vitejs-vite-qytzwatv?file=src%2FApp.tsx

https://github.com/user-attachments/assets/cda4da17-7c8f-463f-b0ff-e7df5216e404

iamsamgibbs avatar Oct 16 '25 11:10 iamsamgibbs

Just to confirm, I can also recreate this and clicking on the notification (not the X) will display an error:

Image

Gazler avatar Oct 21 '25 10:10 Gazler