Botframework-webchat: Clicking on button should scroll to bottom of feed

[LarsLiden]

When user clicks on a button in the feed and they've scrolled up a bit, the new output from the bot isn't visible without manually scrolling down

The ui should scroll to the bottom when a button click results in more output

[billba]

What do other channels do?

[danmarshall]

@reyesrico - can you provide behavior per channel?

[LarsLiden]

I think most jump to the bottom (just confirmed on Facebook)

[reyesrico]

Web Version

• Telegram -> No. Every click appears a response below with msgs counter.
• Slack -> No. Every click appears a summary of the msgs below.
• Skype -> No. Every click appears a "typing" activity below.
• Facebook ->Yes. Every click scroll downs automatically.
• Teams ->Yes. Every click scroll downs automatically.

[danmarshall]

Thanks @reyesrico . @jecristi - can you weigh in from the design side?

[danmarshall]

So this may also be related - what if you are scrolled up to an older message in your stream, and then the bot responded with a message to you. Should the interaction model be:

• Toast (x new messages below)
• Scroll you to the bottom (which may or may not be annoying, if you took the time to scroll upwards to get to a particular message)

[LarsLiden]

Wonder if there's a way to differentiate:

1) If user clicks on a button, always scroll to bottom to see new result
2) If bot posts an unsolicited response, don't scroll to the bottom

Case 1 occurs *much *more frequently than Case 2 in my experience

On Wed, Apr 5, 2017 at 10:55 AM, Dan Marshall [e-mail]
wrote:

So this may also be related - what if you are scrolled up to an older
message in your stream, and then the bot responded with a message to you.
Should the interaction model be:

• Toast (x new messages below)
• Scroll you to the bottom (which may or may not be annoying, if you
  took the time to scroll upwards to get to a particular message)

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
https://github.com/Microsoft/BotFramework-WebChat/issues/411#issuecomment-291943719,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AGOd5hFCPDHLe3YrTqSSq0_mNh8PSr_kks5rs9WugaJpZM4Mzcc9
.

[reyesrico]

@LarsLiden In case #2 I suggest to have a space or icon that can show that there are pending messages to read below.

[LarsLiden]

I like that. So'd we'd have:

1) If user clicks on a button, always scroll to bottom to see new result
2) If bot posts an unsolicited response, don't scroll to the bottom but
show icon that there's a new message

On Wed, Apr 5, 2017 at 1:25 PM, Carlos Reyes [e-mail]
wrote:

@LarsLiden https://github.com/LarsLiden In case #2
https://github.com/Microsoft/BotFramework-WebChat/pull/2 I suggest to
have a space or icon that can show that there are pending messages to read
below.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/Microsoft/BotFramework-WebChat/issues/411#issuecomment-291986130,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AGOd5gSRj1sWokQqbs6kWOBiLy2SklQXks5rs_ilgaJpZM4Mzcc9
.

[LarsLiden]

There's actually a 3rd condition. Namely when you scroll up and they type something it also stays scrolled up even after you submit new text to the bot. Seems like to should jump to the bottom on this one too as the user just submitted new content to the bot

[danmarshall]

We have implemented this feature. Yay! But, it has caused an issue on mobile devices which makes the device keyboard appear when the textbox gets focus. Perhaps it should be an optional behavior.

[billba]

I believe this would benefit from a holistic analysis. Native chat clients have sophisticated integration of keyboard, focus & scroll behavior. We may be limited in what we can accomplish, but let's not rush into adding an option when the answer might be to have better heuristics.

[macrozone]

@danmarshall this is annoying if you use a lot of buttons. Is there an option to turn this off?

[macrozone]

I added an option in a PR to disable this: https://github.com/Microsoft/BotFramework-WebChat/pull/456

[danmarshall]

@macrozone which of these 2 features are you referring to?:

• Scrolling to the bottom
• Focusing the textbox

[macrozone]

@danmarshall: i am referring to focusing the textbox, which opens the keyboard on ios. That makes it really hard to read all options if you have several buttons / options

[kalykodu]

@danmarshall can you please help me . I am trying to achieve the same.

[nupurkamble]

@LarsLiden

If user clicks on a button, always scroll to bottom to see new result

has this issue been solved ?
my bot is deployed using backchannel. and the bot does not scroll automatically to the bottom every time a button on richcard is clicked.

[photodesignch]

@nupurkamble This issue has been raised. We were discussing for the solution. It will be fixed soon.

[reyesrico]

@LarsLiden merge has been done. The autoscroll will be triggered when there is any action from the user. Can you please confirm?