AngularJS ui-select: option not added when typed fully

Question

I am using angular ui-select and I want to allow the user to select an option using auto-complete, but also allow them to type in custom options.

I've configured the control with tagging enabled and no tagging labels as follows:

<ui-select multiple tagging tagging-label="false" ng-model="colors" theme="bootstrap" style="width: 300px;" title="Choose a color">
  <ui-select-match placeholder="Select colors...">{{$item}}</ui-select-match>
  <ui-select-choices repeat="color in availableColors | filter:$select.search">
        {{color}}
  </ui-select-choices>
</ui-select>

Here's an example plunkr: http://plnkr.co/edit/YW7WloZCds1XIOS6UsNs?p=preview

The problem is that when you type in a word that exists in the available colors and press enter, that option does not become selected.

In the plunkr, you can see this if you type Blue and press enter.

Where am I going wrong?

aw04 · Accepted Answer · 2015-07-14 15:34:01Z

3

This appears to be a known bug related to using tagging-label="false". It works correctly when removing this option, or perhaps you can find a workaround.

https://github.com/angular-ui/ui-select/issues/770

answered Jul 14, 2015 at 15:34

aw04

11.2k11 gold badges60 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

ChaoticNadirs Over a year ago

+1 for verifying I'm not going crazy. I'll have a play and see if there's a workaround before accepting this answer.

aw04 Over a year ago

Cool, I didn't have time to try anything really so hopefully there's something simple. Good luck.

Collectives™ on Stack Overflow

AngularJS ui-select: option not added when typed fully

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related