angular-ui / bootstrap

PLEASE READ THE PROJECT STATUS BELOW. Native AngularJS (Angular) directives for Bootstrap. Smaller footprint (20kB gzipped), no 3rd party JS dependencies (jQuery, bootstrap JS) required. Please read the README.md file before submitting an issue!
http://angular-ui.github.io/bootstrap/
MIT License
14.27k stars 6.73k forks source link

Using arrow keys in typeahead dropdown causes erratic scroll when dropdown is at bottom of container #6355

Open tricead opened 7 years ago

tricead commented 7 years ago

Bug description:

When cursor is hovered over element and arrow keys are used to scroll the active element defaults to cursor hover and scroll is choppy. This causes the issue of scrolling down after pressing up arrow key. This only seems to occur when dropdown reaches bottom of container.

Type "a" in input and hover mouse over "California" then use arrow keys to scroll. Remove text and retest.

Expected: When dropdown is at bottom of container, using arrow keys within dropdown will scroll one element at a time, in the direction of the arrow key regardless of existing cursor position.

Actual: When dropdown is at bottom of container leaving cursor over element and then using arrow keys to scroll causes erratic scrolling behavior.

Link to minimally-working plunker that reproduces the issue:

https://plnkr.co/edit/zI8qMx?p=preview

Version of Angular, UIBS, and Bootstrap

Angular: 1.4.7

UIBS: 2.2.0

Bootstrap: 3.3.5