Vue-multiselect: "List is empty" is shown before having a chance to type anything

[mariusa]

Hi and thanks for this fantastic library!

Reproduction Link

https://jsfiddle.net/vL5hc1pd/

Steps to reproduce

1. Click in the "search or add" input

Expected behaviour

Nothing should be shown. Let users start typing

Actual behaviour

"List is empty" is shown.

Tried to disable it using "noOptions", but that doesn't seem to have any effect.

In this particular case, with taggable=true, I'd argue this message should never be shown, since we want to let users add a new tag when none already exists. Maybe add the taggable condition at
https://github.com/shentao/vue-multiselect/blob/52f9593d6951236c2671ff67bbfc05318e5d36f9/src/Multiselect.vue#L145
?

[holozaen]

I noticed there is an undocumented boolean prop showNoOptions. Just set this prop to false and your problem is gone.

[mariusa]

Hurray, that solved it! Thanks @holozaen !
I'll leave this issue open, to be considered by @shentao on adding that to docs.