autocomplete icon indicating copy to clipboard operation
autocomplete copied to clipboard

Search with offline data is not working.

Open ThomasSuchalla opened this issue 1 year ago • 1 comments

When I try to test the following example with offline data, the following message always appears. Documentation: https://autocomplete.trevoreyre.com/#/javascript-component?id=baseclass Message: Uncaught TypeError: l is not a function

Example: https://jsfiddle.net/3aztrv6n/

ThomasSuchalla avatar Jan 23 '24 12:01 ThomasSuchalla

Hi @ThomasSuchalla

From looking at your fiddle, I think you haven't passed the search function as one of the properties when calling

new Autocomplete('.search', { baseClass: 'search' });

e.g.


const offLineSearch = (input) => {
   const _input = input.toLowerCase();
   const options = ['First result', 'Second result'];

   return options.filter((option) => option.toLowerCase().includes(_input));
};

new Autocomplete('.search', { 
  baseClass: 'search',
  search: offLineSearch,
});

The search function can include your offline data.

Note: you don't need to include the offline options in the HTML. The search function will handle all that for you.

See https://codepen.io/evanwills/pen/xxBBzOy for a working example

evanwills avatar Feb 19 '24 06:02 evanwills