[Webkit-unassigned] [Bug 257804] New: Input autocomplete for one-time-code doesn't work on iPhone Safari

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Wed Jun 7 08:01:54 PDT 2023


https://bugs.webkit.org/show_bug.cgi?id=257804

            Bug ID: 257804
           Summary: Input autocomplete for one-time-code doesn't work on
                    iPhone Safari
           Product: WebKit
           Version: Safari 16
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Major
          Priority: P2
         Component: Bindings
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: tomerlichtash at gmail.com
                CC: cdumez at apple.com

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/

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20230607/f9e9f9ec/attachment.htm>


More information about the webkit-unassigned mailing list