Tagging Label is Added to the Item in Tagging Mode When Chosen With Mouse 'click'

[mickeyvip]

Selecting item in tagging mode with taggingLabel set by clicking on the item (not using enter) saves the item with taggingLabel appended to it.

It looks like at line 672:
if ( ctrl.taggingLabel === false && ctrl.clickTriggeredSelect === false) { ...}
we are not entering the if where the taggingLabel is being handled, since ctrl.clickTriggeredSelect in this case will be true.

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

Angular: 1.5.7

UI-Select: 0.19.5

Bootstrap/Select2/Selectize CSS (if applicable): Bootstrap 3.1.1 (CSS only)

[elubin]

+1

My temp workaround is a $watch on the model and I strip the taggingLabel myself

[Jefiozie]

This looks like a bug. Could you have a look if this is also in the last version 0.19.8.
If so maybe you make a PR with a solution? Happy to review it.

[mickeyvip]

Same happens with the latest source: https://plnkr.co/edit/qHV57UYMnDXZOZmBBozN?p=preview

[mickeyvip]

@Jefiozie, there is a comment:

// if click is made on existing item, prevent from tagging, ctrl.search does not matter

does it mean the only 'Enter' should add new tag? Why prevent from user adding a new tag by clicking on it?

[cmorgant]

And if you set tagging-label="" then a space is added at the end of the tag when clicking on it. :(
If you use the keyboard, the trailing space is removed.

#1943 should do the job as well...

[elnino3800]

Workaround for me: commented part of line 669
if(ctrl.tagging.isActivated/* && ctrl.clickTriggeredSelect === false*/) {

Probably work only if you dont need tagging function.

But main problem is that there is missing something like isItemNew(item)
if(ctrl.tagging.isActivated && ctrl.clickTriggeredSelect === false && isItemNew(item)) {