I am using the InputMask and FloatLabel components on a login page where users login with their phone number. It works great on desktop browsers and iOS Safari, but on Android Chrome (and Edge) the user is unable to enter anything into the field. Any ideas what the problem might be? I'm using PrimeVue 3.52.0.
Here is a short screen recording showing the user trying to enter numbers:
Describe the bug
I am using the InputMask and FloatLabel components on a login page where users login with their phone number. It works great on desktop browsers and iOS Safari, but on Android Chrome (and Edge) the user is unable to enter anything into the field. Any ideas what the problem might be? I'm using PrimeVue 3.52.0.
Here is a short screen recording showing the user trying to enter numbers:
https://github.com/user-attachments/assets/9899470b-ec65-4846-baed-b0fe942a3ee3
And here is how I've implemented the components:
Reproducer
https://stackblitz.com/edit/primevue-3-vite-ts-issue-template-t1s58c
PrimeVue version
3.52.0
Vue version
3.x
Language
TypeScript
Build / Runtime
Vite
Browser(s)
Android Chrome
Steps to reproduce the behavior
If the described behavior is not reproduced by this stackblitz, please try https://admin.saturdayquiztime.com.au/signin
Expected behavior
Expect numbers to appear in the input box as the user types.