Different Results Between Chrome Console And Extension

I made a chrome extension to type a searchstring into a searchbar, which automatically updates a table below it. I've been trying a lot of different things and 'keyup' seems to act

Solution 1:

I answer using vanilla javascript. You can simulate a keypress (in this case keyup) with something like:

var filter = document.getElementById("filter");
filter.value = "apple";
filter.dispatchEvent(new KeyboardEvent("keyup", {
    bubbles: true,
    cancelable: true,
    key: "ArrowUp"
  }));