instructure / ic-autocomplete

accessible ember autocomplete component
MIT License
57 stars 22 forks source link

Pagination of results when using the arrow key is wonky #3

Open igorT opened 10 years ago

igorT commented 10 years ago

1.Open the dropdown, and select something not immediately visible, like Massachusetts.

  1. Use the down key. After you reach the last visible element, the selection instead of going lower, will wrap around and jump to somewhere above Massachusetts.
ryanflorence commented 10 years ago

not sure what you mean exactly. do you mean the overflow scrolling? the elements get focused so it just uses the browser's native behavior for focusing an element that's out of view.

igorT commented 10 years ago

So one way to reproduce is to open the dropdown and then hover over something like California for example. I then press the arrow key go down the list. The mouse pointer gets hidden, but it seems like it interferes with the selection, as pressing down, I get the following selected in order

California Colorado Connecticut ....some other states.... end of page Colorado again

ryanflorence commented 10 years ago

ah yes, thanks, looks like we need to ignore the mouse when the keyboard interactions start, that or keep state for hovers differently than keyboard ...