react-native-otp-entry icon indicating copy to clipboard operation
react-native-otp-entry copied to clipboard

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

Open apachi1444 opened this issue 1 year ago • 1 comments

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.

apachi1444 avatar Jul 14 '24 00:07 apachi1444

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 avatar Jul 26 '24 10:07 anday013

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

anday013 avatar Sep 19 '24 08:09 anday013

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

apachi1444 avatar Oct 02 '24 15:10 apachi1444