vue-bootstrap-typeahead icon indicating copy to clipboard operation
vue-bootstrap-typeahead copied to clipboard

Added the ability to select items using arrow keys

Open lisandromc opened this issue 6 years ago • 5 comments

Fixes #37 .

You may want to look at VueBootstrapTypeaheadList.vue's setActiveItem method, since it's perhaps not the cleanest solution.

lisandromc avatar Mar 19 '19 16:03 lisandromc

@lisandromc your tests have failed, did you see why?

fabiolima avatar Mar 26 '19 14:03 fabiolima

@lisandromc your tests have failed, did you see why?

In some contexts, $listeners.keydown will be undefined and that breaks the component. I have a fix for this, but I belatedly noticed that my PR should be done in the Development branch (duh!). I will replace this with a proper PR as soon as I have some spare time.

lisandromc avatar Mar 26 '19 16:03 lisandromc

Hi! I have just installed vue-boostrap-typeahead package and I notice that keyboard navigation is still not working. Do you have any news on this? Thanks

pvisarion avatar Feb 05 '20 15:02 pvisarion

This is the exact reason I wanted to revive (but ended up having to fork: https://github.com/mattzollinhofer/vue-typeahead-bootstrap) this repository. I really wanted a more accessible tool to use and I saw this (and other) PRs that had already been submitted to solve the problem!

To that end, I merged in functionality that I think meets this need here: mattzollinhofer@6646027. This implementation is mildly different but I believe the outcome is essentially the same.

Thanks again and chime in here or on the fork if you have any other thoughts! 😄

You can find the functionality on npm here: https://www.npmjs.com/package/vue-typeahead-bootstrap.

mattzollinhofer avatar Feb 23 '20 04:02 mattzollinhofer