Skip to content
This repository has been archived by the owner on Nov 22, 2021. It is now read-only.

Can we have navigation within tags. #350

Closed
prabhu-das opened this issue Jan 29, 2015 · 6 comments
Closed

Can we have navigation within tags. #350

prabhu-das opened this issue Jan 29, 2015 · 6 comments

Comments

@prabhu-das
Copy link

Its not an issue but a missing feature that we cannot navigate within the tags. Something similar to what we see in the 'To', 'cc', 'bcc' of gmail mails. We can navigate with the arrow keys, and delete the tags with backspace. Not a difficult feature. I was doing it in a fiddle, but I was using jquery to achieve that. Would be great if it comes with ngTagsInput.

@zhouzi
Copy link

zhouzi commented Feb 5, 2015

Actually it is already implemented. You might miss the css to make it visually perceptible but have a look at the demo page, start typing "superman" and navigate in the dropdown with arrow keys.

http://mbenford.github.io/ngTagsInput/

@prabhu-das
Copy link
Author

Oh, I actually have a different question in mind. I was asking for the horizontal navigation among the tags that are already added to the tags-input box.

Ex: if I have below tags in my tags-input box
[abc] [xyz] [pqr] [mno]
consider the [] as the tag boxes.
My requirement is when i press the left arrow key once, my cursor should go between [pqr] | [mno]
pressing left arrow again should take my cursor between [xyz] | [pqr].

So that if i want to delete [abc] i can hit left arrow 3 times and then backspace once. same goes with right arrow. It should take my cursor to the next tagbox.

Its more of a non mouse feature and horizontal navigation. I want to support keyboard control like we have in gmail compose mail style.

Thanks for looking into it and replying. You are the best.

@prabhu-das
Copy link
Author

@zhouzi , Do you think this is possible, or can be achieved with minor modifications ?

@mbenford
Copy link
Owner

Sorry for not replying sooner.

This feature is in the backlog already. Take a look at #62.

@mbenford
Copy link
Owner

mbenford commented Mar 5, 2015

Can this issue be closed?

@mbenford
Copy link
Owner

Tag navigation is implemented in master. I've decided to split navigation off from editing because the latter is more complicated and needs further thinking.

Bessonov pushed a commit to Bessonov/ngTagsInput.ie8 that referenced this issue May 3, 2015
Add support for tag navigation so any tag can be selected and removed
by using the keyboard. Navigation is only enabled when the enableEditingLastTag
option is false.

Closes mbenford#350
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

3 participants