I cannot seem to get Javascript to work on one page

[chacham2]

I am trying to figure out how to make a script work to login to a website. It used to work, but after a change to their code, it stopped working. What happens is:

1. Shows username
2. Type in username and hit the button
3. Same page, but now also shows password field
4. Type in password, and now (login) button can be pressed

This resulted in 3 issues:

1. Waiting for the password box to appear.
2. Get the submit button to be active.
3. Executing javascript.

Here's the solutions i found:

1. waiting 4 page loads. Alternatively: waiting a few seconds.
2. dispatching an event to the password field. (This makes the background text "password" go away, and allows the button to be pressed. Interestingly, Username also has the background text, but does not require the even to allow the button to be pressed.)
3. I don't know.

If i go to the page manually, type in the username, hit the button, bring up the console, and run the following javascript, the login is successful:

var password_field = document.getElementById('password');
password_field.value = 'password';
password_field.dispatchEvent(new Event('input'));
document.getElementById('id-submit').click();

Further, if CefSharp gets to the part with the password field, and shows the console (.ShowDevTools), the same script works. However, if i run it via ExecuteScriptAsyncWhenPageLoaded(), it does not work. Even a simple alert('a'); does not do anything. (Which is why i am not using MutationObserver or IntersectionObserver to wait for the password field.) I've also tried ExecuteDevToolsMethodAsync, to no avail.

Any ideas?

[chacham2]

I just answered my own question. ExecuteScriptAsyncWhenPageLoaded() does not work here, but, ExecuteScriptAsync() does. I guess this points to the page never fully being loaded, meaning, the script was not running at all. It ran in the console because there was no wait for it to load there.