Smooth Scrolling doesn't work

[Abdullah-encrypts]

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