So, I have a custom page where I was writing some script to essentially do what the search box of a list app-part would show in a wiki page. However, while I was able to successfully change the text in the field, the text did not register as I clicked on the magnifying glass icon. There are multiple event handlers attached to that search box, and I will admit that I am quite new in trying to figure out what is happening behind the scenes so that I can simply write a script that syncs up another text box with the search box in a normal list app-part.
The line I used to change the input value through console was shown below. It worked, but it didn't work. What was in there got wiped as well when you actually click on the input box...
I tried using visual events, but for some reason, the event listeners that showed up in dev tools did not show up. I probably made a basic mistake somewhere, but I am still trying to figure out what I should do.
Any help is appreciated. Thanks!