Firefox Android does not accept alphabet character in input field
Hi, I'm having an issue in my app where I have several input fields in a row but when I enter alphabet input in the fields Firefox doesn't show the input. The input is being selected and I know it's doing something because my app changes the active element but the input itself is left blank.
The last input element does however show. Also, if I enter numbers it works fine as well.
The input fields work properly in Chrome(Both), Edge, Firefox (Desktop).
Does Firefox android implement input fields differently?
Thank you.
All Replies (3)
Hi
So that I can replicate the issue here, are you able to share a link to the website that you are trying to use?
Seburo said
Hi So that I can replicate the issue here, are you able to share a link to the website that you are trying to use?
Hi, sorry for late reply -
I tried debugging mobile and this doesn't appear to be an issue with css. I guess this issue happens when focus is used. When I console log it, my function that handles an input gets triggered twice for some reason, once with a letter and again with an empty string. This doesn't happen for numbers though. Happens in both Firefox and Firefox Focus.
What I have is an onchange event for the input element so when the onchange is called, focus is shifted to the next input element - think of it like apple ID two factor authentication where there is six boxes separated
I can post a skeleton version of the app (may just take a day or two to get ready)
If you could share a link to the page where this is happening, it would help us to replicate the issue and hopefully find a solution for you.