OTP paste function not working on mobile and keyboard open and close each time active input change

[bumpyy]

First, the paste function is not working on mobile, only it only fills the first input.

Second, the keyboard opens, closes and then opens again each time the component changes to the next input

Also would be nice if we can change the input type to numeric (the 9 key keyboard layout).

[CharrafiMed]

The last one is extremely easy, as changing the type on the input to number if you don't want to use the allowed pattern props, the second approach is expected due to how mobile open and close the keyboard responding to the focus or blur (otp is set of inputs not only one), and for the first I will play with it soon

thank you for reporting!

[bumpyy]

Thanks, maybe I missed it when I read the docs

If you need video I'll provide it asap, oh for me the keyboard closes and reopens when I'm on the third input and then if I click outside it I need to click or start over from the first input, I'm using 6 input for length if that's somehow part of the problem

[CharrafiMed]

Yes, if you send me a video, I can understand the issue exactly (like what you did for the last issue), so I can fix it as soon as I find some free time today or tomorrow, I hope.

I think this issue you describe happens for all device that has (pointer: coarse)

[bumpyy]

Hey sorry for the late reply, unfortunately I can't provide video just yet because of work and life stuff but for the paste not working I guess I need to provide little more detail….
the paste feature not working if I'm using google keyboard clipboard feature, link for the related issue, but haven't tried the solution yet.
https://stackoverflow.com/questions/70452313/google-keyboard-clipboard-does-not-trigger-a-paste-event

[CharrafiMed]

Hey thank you! tomorrow's evening I am gonna play with it, and I will let you know if I fix the issue, and since the issue is pointed and some devs there suggest the solution so mostly I will fix