diff --git a/packages/features/components/phone-input/PhoneInput.tsx b/packages/features/components/phone-input/PhoneInput.tsx index c7264ea2e0..e1a35af2c4 100644 --- a/packages/features/components/phone-input/PhoneInput.tsx +++ b/packages/features/components/phone-input/PhoneInput.tsx @@ -68,6 +68,7 @@ function BasePhoneInput({ name, required: rest.required, placeholder: rest.placeholder, + autoComplete: "tel", }} onChange={(val: string) => { onChange(`+${val}`); @@ -118,6 +119,7 @@ function BasePhoneInputWeb({ name, required: rest.required, placeholder: rest.placeholder, + autoComplete: "tel", }} onChange={(val: string) => { onChange(`+${val}`); diff --git a/packages/features/form-builder/Components.tsx b/packages/features/form-builder/Components.tsx index 4a1a5bfd6c..09ac0f2d3f 100644 --- a/packages/features/form-builder/Components.tsx +++ b/packages/features/form-builder/Components.tsx @@ -145,6 +145,7 @@ export const Components: Record = { value={value} required={variantField.required} type="text" + autoComplete="name" onChange={(e) => { props.setValue(e.target.value); }} @@ -174,6 +175,13 @@ export const Components: Record = { value={value[variantField.name as keyof typeof value]} required={variantField.required} type="text" + autoComplete={ + variantField.name === "firstName" + ? "given-name" + : variantField.name === "lastName" + ? "family-name" + : undefined + } onChange={(e) => onChange(variantField.name, e.target.value)} /> ))} @@ -211,6 +219,7 @@ export const Components: Record = { type="email" id={props.name} noLabel={true} + autoComplete="email" {...props} onChange={(e) => props.setValue(e.target.value)} /> @@ -543,7 +552,7 @@ export const Components: Record = { url: { propsType: propsTypes.url, factory: (props) => { - return ; + return ; }, }, } as const; diff --git a/packages/ui/components/address/AddressInput.tsx b/packages/ui/components/address/AddressInput.tsx index 6bca4291e6..2af636c048 100644 --- a/packages/ui/components/address/AddressInput.tsx +++ b/packages/ui/components/address/AddressInput.tsx @@ -22,6 +22,7 @@ function AddressInput({ value, onChange, ...rest }: AddressInputProps) { /> { onChange(e.target.value);