Type in any of the OTP box and then click with mouse once in the same input, this will make the current OTP input box selected
Now again click in the OTP box the selected will be removed and the cursor would either at the front or at the back of the number
In case the cursor at the front and you enter the current number in it then it will move to the next OTP input
But in case you enter a different number then the cursor will actually move to the end of the current OTP input box ( quite a discrepancy right )
Now when the cursor is at the end of the input then, if you type any other number apart from the current number then it works fine
But in case you type the same number again nothing happens, but ideally the next OTP input box should be focused and we should be able to enter a number in that OTP input box
Please let me know in case you find any difficulty in reproducing the issue
Steps to reproduce the issue:
Type in any of the OTP box and then click with mouse once in the same input, this will make the current OTP input box selected
Now again click in the OTP box the selected will be removed and the cursor would either at the front or at the back of the number
In case the cursor at the front and you enter the current number in it then it will move to the next OTP input
But in case you enter a different number then the cursor will actually move to the end of the current OTP input box ( quite a discrepancy right )
Now when the cursor is at the end of the input then, if you type any other number apart from the current number then it works fine
But in case you type the same number again nothing happens, but ideally the next OTP input box should be focused and we should be able to enter a number in that OTP input box
Please let me know in case you find any difficulty in reproducing the issue
Relevant error messages and/or screenshots:
https://github.com/devfolioco/react-otp-input/assets/34626595/6d41cbaa-b3e2-4069-bc1f-23da83037838