InputOtp: Unclear behavior when editing the filled component

[qwadrox]

Describe the bug

Discussed in https://github.com/orgs/primefaces/discussions/2713

^{Originally posted by rishanaznin00 September 19, 2024}
We need to press the delete or back button if we want to change a value in the OTP field. Though the input text is highlighted and gives the user the impression that it will be updated if they press any key, that's not what happens.

Environment

Reproducer

No response

Angular version

18

PrimeNG version

17

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

When a field is highlighted/focused, the field should be editable and pass the focus to the next field after edit.
Or the behavior could be something similar: https://ui.shadcn.com/docs/components/input-otp
Once the OTP is filled, the small inputs are not focusable. Only as whole can be edited at the next attempt.