mui-otp-input icon indicating copy to clipboard operation
mui-otp-input copied to clipboard

autofocus does not work on iOS devices

Open alextrukhan opened this issue 10 months ago • 4 comments

when autofocus prop is provided, field is correctly focused and keyboard is show on android devices. for iOS devices autoFocus does not work, fields is shown as focused but there is no cursor in it and keyboard does not appear.

https://viclafouch.github.io/mui-otp-input/docs/api-reference/#autofocus

alextrukhan avatar Apr 17 '24 09:04 alextrukhan

Any progress on this? I am actually having the same problem and it is critial for my use case. autoFocus does not work on Chrome iOS and Safari iOS. Android devices looks like working as expected.

pedegago avatar May 17 '24 15:05 pedegago

@pedegago https://gist.github.com/cathyxz/73739c1bdea7d7011abb236541dc9aaa there is some info. think it wont be fixed, or maybe I've missed something

alextrukhan avatar May 20 '24 09:05 alextrukhan

@alextrukhan thanks for sharing me your deep research about this. I wish the library fix this soon or at least implement a workaround 🤞.

pedegago avatar May 21 '24 00:05 pedegago

Hello ! Does someone has a solution ? I have no idea to fix it. So happy to get some help on this.

Thanks !

viclafouch avatar Jul 06 '24 14:07 viclafouch

hey guys!

now it just work on ios but not android.

version : V2.0.3

shf60 avatar Aug 25 '24 18:08 shf60

I think it's just a bug from browser, not the library..

viclafouch avatar Aug 28 '24 20:08 viclafouch

I think it's just a bug from browser, not the library..

you're right. The situation was on th develop but the problem solved when I built the project.

#nextjs

shf60 avatar Aug 29 '24 16:08 shf60