I am facing a strange behaviour in my chrome extension, i have a search input that filter a list of data showed in the extension, and the search input is binded with change listener that should trigger a function that filters the list any time the input changed.

const searchInput = document.getElementById('search-list');


searchInput.addEventListener('change', searchList);

function searchList(e) {
  let showingData;
  showingData= data.filter(item=> 
    item.name.toLowerCase().search(e.target.value.toLowerCase()) !== -1);
  renderList(showingData);
}

This should work correctly once changing the input, but this works only after clicking anywhere in the body of the extension or clicking Enter button in the keyboard, the function searchList is not triggered after changing the input which is a strange behaviour, what can be the reason for that??