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

bug: Mentions list doesn’t scroll when navigating through it using the keyboard.

Open ikasianiuk-apptegy opened this issue 1 year ago • 0 comments

Describe the bug

When user navigates through the mentions list using keyboard (arrows Up&Down) it doesn't scroll.

To Reproduce

Steps to reproduce the behavior:

  1. Go to 'message inout'
  2. Type '@' and see suggestions list appeared.
  3. Navigate through suggestions list using arrows up&down
  4. See suggestions list doesn't scroll as navigation occurred. The scroll indicator stays at the same place and the focused item is not in the viewport

Expected behavior

When user navigates through mentions using keyboards, the list should scroll, so the focused item is in the view.

Screenshots

https://github.com/user-attachments/assets/f827f8dd-960a-4c5b-97b0-5b99a72b1072

Package version

  • stream-chat-react:
  • stream-chat-css:
  • stream-chat-js:

Desktop (please complete the following information):

  • OS: macOs
  • Browser: chrome
  • Version: 33.0.6943.54

ikasianiuk-apptegy avatar Feb 07 '25 16:02 ikasianiuk-apptegy