Show all values

[tomickigrzegorz]

The problem only occurs when we want to show all the results after clicking on the input field, and exactly when something is already selected or when there are no results.

Click on the input field for the first time. The results appear all and everything is fine. Then select a field by clicking on it. The data is saved in the input field.
Now I click on the input field again. And it is at this stage that this problem occurs. Because instead of displaying only one record, all data appears for a fraction of a second and then only this one record appears.

[tomickigrzegorz]

One more error found?
It's exactly about the destroy() method.

Sample code not entirely working properly:

const test = new Autocomplete("basic", {
  onSearch: ({ currentValue }) => {
    const api = `https://breakingbadapi.com/api/characters?name=${encodeURI(
      currentValue
    )}`;
    return new Promise((resolve) => {
      fetch(api)
        .then((response) => response.json())
        .then((data) => {
          resolve(data);
        })
        .catch((error) => {
          console.error(error);
        });
    });
  },

  onResults: ({ matches }) =>
    matches.map((el) => `<li>${el.name}</li>`).join(""),

  onSubmit: () => {
    test.destroy(); // issue
  },
});

When we have a button that clears the data x, the destroy() method does not hide the button, does not add a .hidden class to the button.

EDIT
This problem occurs when the destroy() method is called on onSubmit()
When the destroy method was called, e.g. as in the Complex example, everything works fine.

A quick workaround for this is setting:

onSubmit: () => {
  setTimeout(() => {
    test.destroy();
  }, 100);
},