diff --git a/.changeset/ready-rules-doubt.md b/.changeset/ready-rules-doubt.md new file mode 100644 index 000000000..33709e1b2 --- /dev/null +++ b/.changeset/ready-rules-doubt.md @@ -0,0 +1,5 @@ +--- +'@radix-ui/react-one-time-password-field': patch +--- + +fix for [OneTimePasswordField] autoComplete not working in Chrome on iOS diff --git a/packages/react/one-time-password-field/src/one-time-password-field.tsx b/packages/react/one-time-password-field/src/one-time-password-field.tsx index 791d80a7f..381034e45 100644 --- a/packages/react/one-time-password-field/src/one-time-password-field.tsx +++ b/packages/react/one-time-password-field/src/one-time-password-field.tsx @@ -567,6 +567,7 @@ const OneTimePasswordFieldInput = React.forwardRef< __scopeOneTimePasswordField, onInvalidChange, index: indexProp, + maxLength = 1, ...props }: ScopedProps, forwardedRef @@ -647,7 +648,7 @@ const OneTimePasswordFieldInput = React.forwardRef< data-protonpass-ignore={supportsAutoComplete ? undefined : 'true'} data-bwignore={supportsAutoComplete ? undefined : 'true'} inputMode={validation?.inputMode} - maxLength={1} + maxLength={maxLength} pattern={validation?.pattern} readOnly={context.readOnly} value={char}