cannot type digits in mobile browsers

[ali-mhz]

Hi
I used this in one of my apps. In desktop browsers it works as expected but in mobile browsers (Edge, Chrome on a Samsung and a Nokia phones) when it received focus number keyboard pops up but it does not accept any of numbers. on contrary it accepts punctuation characters. You can try it here: app.fastkook.com

[ali-mhz]

I tried chrome on an iphone and it's working but on my android devices browsers it does not accept numbers.

[MisaoDev]

Indeed it doesn't work on Android (tested on Kiwi/Chrome browser).

That's a shame I just found out about this little plugin and was excited to try it out.

[qertis]

I tried chrome on an iphone and it's working but on my android devices browsers it does not accept numbers.

Please send me your Browser and Android version

[ali-mhz]

Samsung Galaxy A73 - Android 14 - Chrome 130.0.6723.102 - Edge 130.0.2849.80
Nokia 3 - Android 9 - Chrome 129.0.6668.100

[ali-mhz]

@qertis any update?

[qertis]

@qertis any update?

May be this is error: input.value.at(activeInput.value).blur()

quasar-app-extension-q-otp/src/component/QOtp.vue:137:15 - error TS2339: Property 'at' does not exist on type 'HTMLInputElement'.

[ali-mhz]

I'm not sure. I didn't debug on phone browser.

[qertis]

I'm not sure. I didn't debug on phone browser.

Try this for debug https://www.npmjs.com/package/eruda

[ali-mhz]

I enabled developer mode on my android and using chrome i started debugging. There is nothing in console tab but there is 6 errors in Issues tab as you can see as attached.

The label's for attribute doesn't match any element id. This might prevent the browser from correctly autofilling the form and accessibility tools from working correctly.

To fix this issue, make sure the label's for attribute references the correct id of a form field.