"Not sure if I have an add on that's interfering but I noticed when typing in the password, the keyboard will deactivate after each key stroke so I basically have to click into the input box after each character entry." This is not good! What browser are you using? Could you try disabling your add-on and letting me know if it's still happening?
I figured it out. It was the Dark Reader add on which was causing it - very strange! This is in Waterfox. I tried Firefox without the add on installed and it doesn't do it, but then as soon as I activate dark mode with Dark Reader installed, broken. But light mode is fine. I've never had Dark Reader interfere with form inputs before so this is kind of interesting to me. Any ideas what the cause is?
You're welcome! I'd be interested to know what the code conflict is if it's something you can share (and figure out), in case it's something that needs to be reported to the person who manages the add-on.
Ok, figured it out: Dark Reader modifies CSS after each keystroke, causing the browser to lose focus on the password field during the style update. I implemented a fix that uses requestAnimationFrame() to automatically refocus the input after Preact re-renders and Dark Reader finishes its work. added onBlur handler catches unwanted focus loss and refocuses immediately, plus a few other things
And does this happen inside the OS, say Bug Submission, Notepad or WinChat?
I figured it out. It was the Dark Reader add on which was causing it - very strange! This is in Waterfox. I tried Firefox without the add on installed and it doesn't do it, but then as soon as I activate dark mode with Dark Reader installed, broken. But light mode is fine. I've never had Dark Reader interfere with form inputs before so this is kind of interesting to me. Any ideas what the cause is?
Also I tried turning it on once I was in Notepad and the problem doesn't happen. It only seems to be the log in form. Haven't tried other programs.
Hmm. Yeah, there's a cocktail of things in the code on the login screen. I'll investigate further...
Thanks for letting me know, as always!
You're welcome! I'd be interested to know what the code conflict is if it's something you can share (and figure out), in case it's something that needs to be reported to the person who manages the add-on.
Ok, figured it out: Dark Reader modifies CSS after each keystroke, causing the browser to lose focus on the password field during the style update. I implemented a fix that uses requestAnimationFrame() to automatically refocus the input after Preact re-renders and Dark Reader finishes its work. added onBlur handler catches unwanted focus loss and refocuses immediately, plus a few other things
Has the update been applied yet? I'm still getting the same problem when dark mode is on (even after a hard refresh).