anday013 / react-native-otp-entry

Simple and fully modifiable OTP Input Component for React Native
https://www.npmjs.com/package/react-native-otp-entry
MIT License
247 stars 33 forks source link

Unable to Manually Select and Input Number into OTP Fields Other than the First Field #65

Closed apachi1444 closed 1 month ago

apachi1444 commented 3 months ago

Describe the bug Users cannot manually select and input a number into a text input field other than the first one when using the OTP library. This issue prevents users from correcting or modifying any number except the first in the sequence.

Expected behavior Users should be able to manually select any text input field within the OTP input sequence and input a number directly into the selected field. The focus should remain on the chosen input field until the user navigates to a different one or completes the OTP input process.

anday013 commented 3 months ago

Hi, @apachi1444 , thank you for raising this question. UX of OTP style inputs are a bit different than normal Text Inputs, as each character divided into separate blocks. So, long story short, it's a bit tricky in terms of proper UX to correct or modify previous character(s), and because generally, the otp codes are short, it's acceptable for a user to backspace till the correction point.

One other suggestion can be, when user taps on already filled blocks, it removes the character with the ones that follow it, so the user gets a chance to correct and retype from that place

anday013 commented 1 month ago

Closing this ticket due to inactivity. Feel free to reopen it

apachi1444 commented 1 month ago

Hello anday , sorry for this late reply I just retested the problem and I remark even if I don't type anything and I want to start from the 3rd character for example , it blocks me