search

primefaces / primeng

The Most Complete Angular UI Component Library
https://primeng.org
Other
10.23k stars 4.55k forks source link

p-inputotp: Autocomplete on Safari browser on Mac osx does not fill in all input fields #16006

Open timothyBrake opened 2 months ago

timothyBrake commented 2 months ago

Describe the bug

When using Safari and having added a otp code to an existing username and password in Safari password manager. When autocompleting the username and password, next autocompleting the OTP only fills in the first input field rather than filling in all digits in all input fields.

Environment

MacOSX using Safari browser.

Reproducer

No response

Angular version

17.2.1

PrimeNG version

17.18.3

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

v20.11.1

Browser(s)

Safari

Steps to reproduce the behavior

  1. Add username and password to Safari password manager
  2. Add OTP to Safari password manager using the setup key
  3. Try autocompleting the OTP
  4. Only the first input field is filled in with the entire OTP (6 digits) rather than having the 6digits split and filled in the input fields

To be clear, the value is in first field so when using it, it does have the complete 6 digit number in the [(ngModel)]="exampleValue", it's just not visible in the UI.

Expected behavior

I expect the entire 6 digits to be filled across the 6 input fields, each containing 1 digit.

gitadam0 commented 1 day ago

@timothyBrake any updates?