After selecting an item, the typed characters are still visible

[hrauch]

I'm using the mutliple select mode and it does work very well. But after selectng the right word in my list of tags, the characters I typed are shown behind the tag. If I am searching for similar words, this is fine. But if I want to select another quite different tag, it would be better if the typed characters were not shown.
May be an option "clear input after selecting" would be possible.

[kevinpapst]

Yes please, a setting would be great here, as this is really a disturbing feature.

[bdkruse]

While I agree this should be default behavior, the example on the Tom Select landing page solved this issue for me. Here is how the codepen example used onItemAdd and setTextboxValue to clear the typed characters.

new TomSelect("#select-tags",{
  onItemAdd:function(){
    this.setTextboxValue('');
  }
}

[kevinpapst]

Wow, that is simple, thanks for sharing @bdkruse 👍

It does the job, let's hope it has no strange side effects...

[jclusso]

@bdkruse has a good start but I needed to add this.refreshOptions(false) otherwise the list was still being filtered.

onItemAdd: function() {
  this.setTextboxValue('');
  this.refreshOptions(false);
}

[adrienbrault]

@jclusso Thank you!