Estoy usando la biblioteca choice.js para buscar datos en el menú desplegable.
cuando escribo en el cuadro de búsqueda. me muestra los datos de coincidencia exacta de la primera palabra en las sugerencias.
por ejemplo:
[mid america, america ] cuando busco america , solo me muestra la opción america en el menú desplegable, no mostrará la opción mid america
aquí están las opciones de options.js que estoy usando para el filtro de búsqueda.
silent: false, items: [], choices: [], renderChoiceLimit: -1, maxItemCount: -1, addItems: true, addItemFilter: null, removeItems: true, removeItemButton: false, editItems: false, allowHTML: true, duplicateItemsAllowed: true, delimiter: ',', paste: true, searchEnabled: true, searchChoices: true, searchFloor: 1, searchResultLimit: 4, searchFields: ['label', 'value'], position: 'auto', resetScrollPosition: true, shouldSort: true, shouldSortItems: false, sorter: () => {...}, placeholder: true, placeholderValue: null, searchPlaceholderValue: null, prependValue: null, appendValue: null, renderSelectedChoices: 'auto', loadingText: 'Loading...', noResultsText: 'No results found', noChoicesText: 'No choices to choose from', itemSelectText: 'Press to select', addItemText: (value) => { return `Press Enter to add <b>"${value}"</b>`; }, maxItemText: (maxItemCount) => { return `Only ${maxItemCount} values can be added`; }, valueComparer: (value1, value2) => { return value1 === value2; }, classNames: { containerOuter: 'choices', containerInner: 'choices__inner', input: 'choices__input', inputCloned: 'choices__input--cloned', list: 'choices__list', listItems: 'choices__list--multiple', listSingle: 'choices__list--single', listDropdown: 'choices__list--dropdown', item: 'choices__item', itemSelectable: 'choices__item--selectable', itemDisabled: 'choices__item--disabled', itemChoice: 'choices__item--choice', placeholder: 'choices__placeholder', group: 'choices__group', groupHeading: 'choices__heading', button: 'choices__button', activeState: 'is-active', focusState: 'is-focused', openState: 'is-open', disabledState: 'is-disabled', highlightedState: 'is-highlighted', selectedState: 'is-selected', flippedState: 'is-flipped', loadingState: 'is-loading', noResults: 'has-no-results', noChoices: 'has-no-choices' }, // Choices uses the great Fuse library for searching. You // can find more options here: https://fusejs.io/api/options.html fuseOptions: { includeScore: true }