Kendo Conversational UI - Auto-scroll

[Roy Dale]

Hi,

We're using the Conversational UI Chat for our AI enabled initiative. The issue we're encountering right now is regarding the auto-scroll. When we send a prompt to our AI agent and it responds back, if the response is long, the user needs to scroll up to view the response from the start. It doesn't really help the user experience. It will be great if it just scrolls down where the first part of the response is visible (not all the way to bottom) and let the user scroll down to view the rest. Or at the very least have an option for us to turn off the auto-scroll to the bottom. Is there a solution that we can use to address this?

Thanks

[Roy Dale]

Nothing?

[Martin Bechev]

Hi Roy,

Thank you for the provided feedback.

The scrolling can be controlled through an internal property called autoScroll. You can set it to false and prevent the scrolling of the container when the content of the reply is larger.

public sendMessage(e: SendMessageEvent): void {
    this.chat.autoScroll = false;
    ...
}

https://stackblitz.com/edit/angular-uyvmklhf-b2zbtxfu?file=src%2Fapp%2Fapp.component.ts

The property isn't part of the public API, so use it with caution. Generally, changes that affect such properties aren't mentioned in the Change log.

So far, there isn't any standard to follow regarding the scrolling behavior in case of larger content, and there are pros and cons with both variants, but it isn't classified as a bug.

Regards,
Martin Bechev
Progress Telerik