I'm using Autocomplete.JS for my input field. On input i run a function that updates an array with search results. I want Autocomplete.JS to use this array. But for some reason it just wont update.
My Autocomplete.JS Setup:
autoCompleteJS = new autoComplete({
selector: "#searchBar",
placeHolder: "Search for Github Account/Repository...",
submit: true,
data: {
src: autoCompleteSearches
},
resultItem: {
highlight: {
render: true
}
},
events: {
input: {
selection: (event) => {
const selection = event.detail.selection.value;
autoCompleteJS.input.value = selection;
}
}
}
});
And here is my eventlistner that updates the array:
inputField.addEventListener("input", async (event) => {
if (inputField.value.length % 5 === 0) {
let search = await searchUser(inputField.value);
autoCompleteSearches = [];
search.forEach(searchItem => {
autoCompleteSearches.push(searchItem.login)
});
console.log(autoCompleteJS)
}
})
The event listener works as intended and updates "autocompleteSearches". But Autocomplete.JS doesnt use them.