-
Notifications
You must be signed in to change notification settings - Fork 431
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix: mobile autofill from native suggestion #428
Conversation
I'm not sure if this is the appropriate protocol to get reviewers so I apologize in advance but I wondered if @prateek3255 or @cesarvargas00 would be available in the next few days to give this one a look? Thanks! |
Hello! Just wanting to bump this thread a bit. I know everyone is probably busy but I don't want these changes to get lost in the GitHub ether. Tagging for visibility: |
Hello! Our team is also hoping this gets fixed. Any chance the maintainers can look into this PR? |
Also hoping for a fix for this 🤞 |
Same here, waiting for the fix 🙏🏼 |
Hey, all! Still hoping to get this merged but need to fork the repo for now to get this issue resolved for us. Please let me know how I can help get this merged here, thanks! |
@hogiyogi597 when will this be merged ? |
@@ -238,7 +251,6 @@ const OTPInput = ({ | |||
onKeyDown: handleKeyDown, | |||
onPaste: handlePaste, | |||
autoComplete: 'off', | |||
maxLength: 1, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Is it necessary to remove maxLength for this to work? Hoping it does not break other cases where you paste an arbitrary value
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yes, unfortunately with the maxLength
of 1 it is truncating the rest of the input. Are there some scenarios you'd like me to test? I'd be happy to help in any way I can.
Hey @hogiyogi597 Sorry for the delay here I might have missed the notification for the PR. I just have one question rest looks good |
@prateek3255 Thanks for looking it over! I responded to your question above. Let me know if there is any additional testing you'd like me to perform. |
Hey @hogiyogi597 I tested it on my end as well and |
@all-contributors please add @hogiyogi597 for code |
I've put up a pull request to add @hogiyogi597! 🎉 |
Great work @hogiyogi597 ! |
What does this PR do?
Provides a fix for mobile browsers to autofill codes directly from their native message notifications.
This should resolve this issue as well: Autofill OTP from SMS does not work properly in iOS Chrome #322
Any background context you want to provide?
Pretty much just used @weiner-rakuten 's solution from this pull request but on the latest version.
Screenshots and/or Live Demo
iOS - iPhone 12
https://github.com/devfolioco/react-otp-input/assets/25204032/57081773-1a69-43f1-92cb-ca42165d1001
Android - Pixel 7
https://github.com/devfolioco/react-otp-input/assets/25204032/02eec490-e6a6-40e2-be98-6cf627eb59cc