I'm trying to use tail.select in my project and while the select is being rendered, none of the options works (except strings). For example, cannot disable search as below:

  document.addEventListener("DOMContentLoaded", function(){

    tail.select("#owner-select",
    {
      search: false,
    });

  });

Any ideas why the initialized select still has search enabled?

I'm trying to use tail.select in my project and while the select is being rendered, none of the options works (except strings). For example, cannot disable search as below:

  document.addEventListener("DOMContentLoaded", function(){

    tail.select("#owner-select",
    {
      search: false,
    });

  });

Any ideas why the initialized select still has search enabled?

• tail.select

Share Follow asked Mar 7 at 18:17 twktwk 3,12022 gold badges2828 silver badges3636 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

Found it! The wiki is outdated (from 2021) and the options I was looking for were to be found in source code:

        const defaultOptions = {
            multiTags: false,
            multiCounter: true,
            multiLimit: Infinity,
            minSelectionLimit: 0,
            theme: 'light', // light|dark
            classNames: 'tail-default',
            buttonAll: true,
            buttonNone: true,
            buttonClose: false,
            buttonCloseText: '✕',
            strings: {
                all: "All",
                none: "None",
                placeholder: "Select an option...",
                search: "Type in to search...",
                limitExceded: "You can only select {0} option(s)!",
                minimumReached: "You need to select at least {0} option(s)!",
            }