Skip to content
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

OTPInput Keyboard Support in Forms #6632

Closed
nitrogenous opened this issue May 16, 2024 · 1 comment · Fixed by #6638, leoo1992/GeradorQRCode#40, mtech-31-quemistry/quemistry_client_web#3 or leoo1992/GeradorQRCode#57 · May be fixed by nhattpn/BTL_LTNC#56
Assignees
Labels
good first issue *** Welcome to PrimeReact Family! *** Good issue! Type: Bug Issue contains a defect related to a specific component.
Milestone

Comments

@nitrogenous
Copy link
Contributor

Using the OtpInput component, the following cases are being observed.

1° When all fields are filled with a value and then attempting to use the Tab key to move between other components or even between the values, the action does not occur. Another case is when there is a form and we try to use Enter for submission, but the action also does not occur. However, if we leave the value incomplete in the component, both Tab and Enter work.
Example on the Prime website: primereact.org/inputotp/#basic

2° When using the integerOnly prop, tab navigation does not work from the beginning of the component, thus also not functioning with Enter if in a form.
Example on the Prime website: primereact.org/inputotp/#integeronly

https://github.com/orgs/primefaces/discussions/1845

@nitrogenous nitrogenous added Type: Bug Issue contains a defect related to a specific component. good first issue *** Welcome to PrimeReact Family! *** Good issue! and removed good first issue *** Welcome to PrimeReact Family! *** Good issue! labels May 16, 2024
@github-actions github-actions bot added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label May 16, 2024
@nitrogenous nitrogenous added good first issue *** Welcome to PrimeReact Family! *** Good issue! and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels May 16, 2024
@KirilCycle
Copy link
Contributor

KirilCycle commented May 16, 2024

I think e.preventDefault() will lock the focus and submit event, let me do some tests and fix

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment