Autoscroll not working with hideScrollToEndButton:true style option

Version

latest (4.6.0)

Describe the bug

To Reproduce

Steps to reproduce the behavior:

1. Set up webchat with hideScrollToEndButton:true styling option
2. Generate more responses
3. Scroll up and click on action (adaptive card submit) that sends JSON value to bot (no user bubble rendered)
4. When response from the bot lands auto scroll doesn’t happen

Expected behavior

Chat to scroll down to last message

Additional context

Jump to discussion

[corinagum]

@baki32, unfortunately you will need to make these changes in React - this falls under customization that is not supported in vanilla JavaScript.

[corinagum]

@baki32, I got a chance to discuss this issue with the Web Chat team - let me summarize below.

• Due to the user experience, auto-scrolling to the bottom of the transcript whenever the bot sends a message to the user is not a feature that the app will expose by default. This is due to the fact that a user might be reviewing previous messages, and every time a new message comes in from the bot, the view would be dropped back to the bottom. This could potentially be very aggravating to the user.
• The discrepancy between sending a message via enter and by clicking a button will not be addressed in this issue, since it is separate from your desired functionality.
• If you still want to implement the auto-scroll feature whenever the bot sends a message, you can do so by implementing Web Chat middleware.

Steps:

1. Take a look at sample https://github.com/microsoft/BotFramework-WebChat/tree/master/samples/11.customization-redux-actions
2. Implement a redux middleware that will call scrollToEnd() on every received activity from the bot.

If you need help with the implementation, I suggest heading over to Stack Overflow’s Web Chat tag where our support engineers can give you guidance. Thank you!