Scroll to bottom when new message arrives about chat-ui-kit-react HOT 7 CLOSED

@GhazanfarKhan Currently there is no api method to scroll to bottom programatically.
Of course you can set scroll position "manually" by searching for scroll container in dom tree, but it does not make sense :)
I will add scrollToBottom method do MessageList component.
If all goes well, this feature will be available today.

from chat-ui-kit-react.

Thank You!. Working fine.

from chat-ui-kit-react.

Hi @GhazanfarKhan thanks for your feedback.
Scroll to bottom should work out of the box. Please share sample of not working code.

from chat-ui-kit-react.

Hi @supersnager if there is a scroll in messages like more than 50 messages and my scroll is on top so when new message arrives and I pushed that message in array then scroll doesn't move to the last message. Is there any way to do that?

from chat-ui-kit-react.

Done in release v1.2.0.
I have also added new prop to MessageList - scrollBehavior. It allows to set default scroll behavior for this component.
For documentation please visit: chat-ui-kit-react MessageList.scrollToBottom method example.

@GhazanfarKhan Please check it and let me know is it ok for you.

I'm also considering to add a property to scroll automatically always when new message will be added.

from chat-ui-kit-react.

Hi,

const scrollBehavior = select(label, options, undefined);

what is select in this?

from chat-ui-kit-react.

@GhazanfarKhan This is only for Storybook knobs.
Value from this select is passed as prop to MessageList.
scrollBehavior property has two posisible values: "auto" or "smooth". It is documented here: https://chatscope.io/storybook/react/?path=/docs/components-messagelist--long-list-with-scrollbar#props

For knobs please see attached screenshot.
You can switch on addon tabs with knobs by pressing "a" on the keyboard in Storybook, or by choosing "Show addons" from Storybook menu in top left corner.

from chat-ui-kit-react.