Rathika Dinesh Babu

The chat widget V2, which allows the chatbot to have a bespoke design, is really beneficial. However, additional customization is needed.

Designing the chat bot canvas by following the Microsoft Docs and GitHub Omnichannel chat widget repository

We currently have distinct scrollbars for the suggested actions and the webchat container.

Problem Statement: (1) If we send multiple messages/instructions along with suggesting actions, as we are using stacked layout for the suggested actions to match the business requirement, the user must scroll up to view the earlier messages because only the most recent message is now in focus. (2) Also, in the stacked layout design, the width of each suggested action is 100% even for 3 letter words

Solution / Idea: (1) We require a scrollbar to cover the whole webchat container including suggested actions and excluding send box. (2) Also need a property ("webChatStyles" of "webChatContainerProps") to set the width of "suggested Actions Stacked button" as auto.