I'm trying to do a little automation here: https://solanart.io/collections

At the top of the page, you can see an input element (type="text"):

That element is locatable by

document.querySelectorAll("input[type='text']").item(0)

Now, when the input element gets the focus, a list of possible results is shown, and with every keystroke, the list is updated:

To show the list, I've tried click(), focus() and dispatchEvent() with a MouseEvent "click". Nothing works.

To modify the input element contents, I've tried directly setting the element's value, and dispatchEvent() with a KeyboardEvent "keyup"/"keydown". Nothing works either.

Anybody knows how to make this element react to automation?

Thanks.