Comma (,) token included model

[sime]

When using a comma (,) as a tagging token, the comma remains appended to the model. Ideally the token should be removed from the model.

http://plnkr.co/edit/NbNTG9yR7PJquhtIJdJU?p=preview

[dmitryevseev]

+1

[cyrilf]

👍 that's the behavior I was expecting too

[cyrilf]

Just for your information, I figure out that adding the attribute tagging-label="" to your ui-select directive will solve this bug. See this Plnkr
I specified an empty string as I don't want any value to be displayed, but as in the Plunkr, you can specify one.

Hope it helps!

(Still a bug thought!)

[sime]

The workaround is valid, though you need the following CSS to mimic the desired functionality.

.ui-select-choices {
  display: none;
}

[roko-p]

Yeah, so when you have the tagging-label="false" (when you don't want items appearing in the dropdown), you get the comma appended to the model.

One workaround is the css hack that @sime suggested above, another one is to set tagging=tagTransform where

$scope.tagTransform = function (newTag) {
        // remove the comma at the end if it exists
        if(newTag[newTag.length - 1] === ',') {
            newTag = newTag.slice(0, -1);
        }
        return newTag;
    };

...both ugly!

+1!

[roko-p]

I ended up creating this directive to completely hide the choices dropdown, I use it instead of tagging-label="false" where I'm OK with hiding the whole dropdown (so I just put my-hide-choices-dropdown where tagging-label="false" would go)

angular.module('myApp')
    .directive('myHideChoicesDropdown', function() {
        return {
            link: function(scope, element) {
                element.find('.ui-select-choices').hide();
            }
        };
    });

Thanks @sime !

[cesar-oyarzun-m]

hey @roko-p I try your solution and also the solution with css but both give me erros, here is the error

TypeError: Cannot assign to read only property '_uiSelectChoiceDisabled' of label undefined