Suggested actions navigation arrows appear unnecessarily
See original GitHub issueScreenshots
Version
Latest ES5 version from CDN… https://cdn.botframework.com/botframework-webchat/latest/webchat-es5.js
Describe the bug
On certain Android phones in Chrome, the Suggested Actions navigation arrows appear unnecessarily.
The Suggested Actions navigation arrows should only appear when needed.
To Reproduce
Steps to reproduce the behavior:
- Find a phone which specs similar to the following… Alcatel 5026D display:Size 6.0 inches Resolution 720 x 1440 pixels Android version 7.0
- Navigate to a Web Chat using the latest webchat-es5 from the CDN and Suggested Actions
- Perform some function that causes Suggested Actions to appear
- See the that the Suggested Actions navigation arrows appear
Expected behavior
Suggested Actions navigation arrows only appear when they are actually needed for scrolling
Additional context
[Bug]
Issue Analytics
- State:
- Created 4 years ago
- Comments:8 (7 by maintainers)
Top Results From Across the Web
Pull-down buttons - Human Interface Guidelines
A pull-down button displays a menu of items or actions that directly relate to the button's purpose.
Read more >sigplus - issue #48
Swipe actions make it easier to navigate from one image to another; there is no need to use the navigation buttons. In a...
Read more >TV Navigation
On a TV device, users navigate using either a directional pad (D-pad) or arrow keys. This type of control limits movement to up,...
Read more >Navigation Menubar Example | APG | WAI
To optimize keyboard efficiency, this example locates the menubar immediately before the content display area in the Tab sequence. To help ...
Read more >4. Types of Navigation - Designing Web Navigation [Book]
Visual treatment of navigational options. The position of a navigation on a page. What's more, the type of page on which a navigational...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
If this repros on a carousel, we should consider filing an issue with react-film and using this issue for tracking. @compulim @tdurnford, thoughts? I’ll try and test a repro in the next week.
Checking this code on latest, I am seeing on Android that the arrows no longer appear when unnecessary for suggested actions. Feel free to try out our latest
webchat.js
to test, and if you are having any further problems, please comment here. Thank you!