Update ChatComponent scroll behavior to only target its own component

[Mohammadsaknini]

The problem occurs when multiple scrollable elements are present, which causes all of them to scroll.

• src/lib/components/ChatComponent.js: Modified the scrollIntoView method to include additional options for block and inline alignment.

[songholmes]

Hi @Mohammadsaknini， I found the component unconditionally calls scrollIntoView, so each new message drags the whole page back to the chat. Will this relate to your findings?

[Mohammadsaknini]

Exactly, The problem is that the default block behavior of the scrollIntoView function, adjust it to nearest and it should solve the issue.

[songholmes]

Exactly, The problem is that the default block behavior of the scrollIntoView function, adjust it to nearest and it should solve the issue.

I see, thanks for your reply and solution!