Smooth Scrolling doesn't work

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???

Start by reproducing the Storybook Components/Messagelist/Scroll to bottom example linked in the issue, comparing behavior: smooth scrolling stops after moving only a fraction while auto scrolling completes. Trace the scrollIntoView usage in the MessageList and chat container components, then verify that smooth scrolling reaches the bottom in the documented example and related component use cases.

Written by the indexing model from the issue text.