We are using the blazor chat component with Microsoft.Extensions.AI and IChatClient. Currently during a long response stream the chat repeatedly scrolls to the bottom automatically as the response updates. When I use use my mouse wheel to scroll to the top it immediately auto scrolls me back to the bottom.

A user needs to be able scroll to the top as the response is streaming in. If the user manually scrolls the auto scrolling should stop. Any subsequent messages sent in the same chat session should resume auto scroll. This is the behavior seen in most AI chat interfaces like chatGPT and is what most users expect. 

For more info and a video refer to support ticket: 1712888

Thanks, Justin.

Hi,

When submitting a chat message using the Chat component, it is possible to lose recently entered text.

I believe this is because:

1. The TextArea in the Chat component has a debounce delay (the default 150ms delay)
2. Pressing enter (or clicking the send button) fires the SendMessageAsync method instantly
3. SendMessageAsync uses the last text received from the TextArea, but this can be up to 150ms behind due to the debounce delay

This is reproducible on the Chat component documentation page, https://www.telerik.com/blazor-ui/documentation/components/chat/overview#creating-blazor-chat:

1. Type in some text
2. Wait 150ms (i.e., wait for the button to enable, otherwise the enter keypress and button clicks are ignored)
3. Type some more text and quickly hit enter (or press the button)

Depending on the timing, the last few characters/words will be lost and not included in the message.

I encounter this issue in version 11 with server side rendering, but the documentation page appears to be using version 12 with web assembly.

Thanks,

Craig

 

We currently have a feature which allows the chat user to see if the other person is typing. It would be good if this could be set in the component with a timeout to display an indication to the user which disappears after a short time.

It would be good to be able to either use emoji's in the chat component via a button similar to the attachments, or add the capability for custom tooling to be added to that area.