chat-ui-kit-react icon indicating copy to clipboard operation
chat-ui-kit-react copied to clipboard

Smooth Scrolling doesn't work

Open Abdullah-encrypts opened this issue 1 year ago • 4 comments

I have created several custom components in my chat app:

ScrollToBottom Button, Reply to Messages, Searching and navigating between Messages etc.

And often I need scrollIntoView or other functions. In the scrollintoView funtion, whenever I use {behavior='Smooth'}. It just moves a fraction and nothing else. Using only "behavior: auto" works, but it is usually insufficient for UX.

I could identify that this issue is the same one as in the docs: https://chatscope.io/storybook/react/?path=/story/components-messagelist--scroll-to-bottom

Here the scroll to bottom smooth doesn't work and only moves the screen by a bit.

Is there anyway I can use smooth Scrolling behavior in the components like messageList, chat container???

Abdullah-encrypts avatar Oct 09 '24 05:10 Abdullah-encrypts

I have the same problem, please fix it.

baopq19 avatar Apr 15 '25 11:04 baopq19

I have the same problem too, only 'instant' is working

tunglamforwork avatar Apr 19 '25 05:04 tunglamforwork

Hi Do you guys plan to fix this bug? We need this feature to work on for one of our use cases

pamela-encora avatar Aug 25 '25 18:08 pamela-encora

Hi Do you guys plan to fix this bug? We need this feature to work on for one of our use cases

Image I got this work-around to get it work for my case, hope this help

baopq19 avatar Aug 25 '25 18:08 baopq19