| Summary: | Input autocomplete for one-time-code doesn't work on iPhone Safari | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Tomer Lichtash <tomerlichtash> |
| Component: | DOM | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED DUPLICATE | ||
| Severity: | Major | CC: | cdumez, noam, rmondello, rniwa, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 16 | ||
| Hardware: | iPhone / iPad | ||
| OS: | Unspecified | ||
*** This bug has been marked as a duplicate of bug 172567 *** |
When receiving and SMS with one-time-code, iPhone allows its users to view they code from their keyboard, and paste it as a passkey directly to the input. However, seems that when the input is inside a web component, this feature doesn't take affect. I've managed to bypass the issue with an external hidden input, which handles change events and updates the web component input, but this solution might not fit all cases, and the input inside a web component should be supported. Example: This native input will work, but when the same input is inside a web component, it will not work for iPhone users: ``` <input required type="text" autofocus autocomplete="one-time-code" inputmode="numeric" pattern="[0-9]{6}" title="Enter a 6-digit passkey" /> ``` Here's a demo with my solution: https://descope-html.vercel.app/