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

Published 20 hours ago • verified publisher icon alexurquhart

Add keyboard navigation

Open Owumaro opened this issue 7 years ago • 4 comments

#1

  • ListItem component: replaced the old active class on mouseover with a property (somehow helps #6)
  • Typeahead component: added events on input key down: up, down, enter (somehow helps #7, will need documentation in the README)
  • List component: added a data value activeListItem which goes from -1 to the length of the matchedItems, catch parent events to increment/decrement it and use it to set the active prop on list items

Owumaro avatar Sep 01 '18 18:09 Owumaro

Any chance this can get merged? I just merged Owumaro:feature/keyboard-navigation into a local version of the current master, fixed the one line conflict, and everything is working. If @Owumaro would rebase off master, I think this would resolve the conflict-

chriszrc avatar Dec 14 '18 21:12 chriszrc

@alexurquhart Can we have this merged please?

bzbislawski avatar Jan 23 '19 21:01 bzbislawski

@alexurquhart this project is discontinued?

fabiolima avatar Mar 26 '19 14:03 fabiolima

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/vue-typeahead-bootstrap@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 05:02 mattzollinhofer