-
-
Notifications
You must be signed in to change notification settings - Fork 149
netteForms.js on Android does not correctly focus required inputs #275
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Comments
This is a Chrome issue that also affects Windows. The reason is that Maybe it is related to https://developers.google.com/web/updates/2017/03/dialogs-policy |
@valekj what returns |
Hi, sorry for the delay. Here are the console logs from android phone (s10e, android 11, chrome 92.0.4515.159): console.log(navigator.userAgentData): console.log(!!HTMLDialogElement.prototype.showModal): Chrome (92.0.4515.159) on Windows 10 does not seem to be affected on my end. |
Can you test that this netteForms.js works properly on Android? |
I can target all mobile Chromium browsers. Unfortunately I don't have Android and I don't know how to fix the design. Can you give it a try? |
In the meantime, please add the style to your CSS file and we will tweak the resulting style over time. |
thank you! |
Version: 3.1
Bug Description
If you forget to fill a required input on Android, said input is not correctly focused afterwards (no css is applied) and you can't see what you are typing.
Happens on Android 10 and 11 (Chrome), works correctly on iOS and desktop.
If you comment out netteForms.js and keep browser validation, it works as expected even on Android.
Steps To Reproduce
Open a form that uses netteForms.js (for example https://nette.org/cs/sign-in).
Don't fill any input and submit the form.
Javascript warning pops up informing you about missing inputs.
Click ok.
Start typing.
Expected Behavior
Required input should be focused, css should be applied and when you start typing, you should see the letters.
The text was updated successfully, but these errors were encountered: