diff --git a/src/components/AddressEdit/AddressEdit.tsx b/src/components/AddressEdit/AddressEdit.tsx index 427a47b12..19cd1dde7 100644 --- a/src/components/AddressEdit/AddressEdit.tsx +++ b/src/components/AddressEdit/AddressEdit.tsx @@ -93,6 +93,9 @@ const AddressEdit: React.FC = props => { onChange={onChange} value={data.firstName} fullWidth + InputProps={{ + autoComplete: "given-name" + }} />
@@ -105,6 +108,9 @@ const AddressEdit: React.FC = props => { onChange={onChange} value={data.lastName} fullWidth + InputProps={{ + autoComplete: "family-name" + }} />
@@ -122,6 +128,9 @@ const AddressEdit: React.FC = props => { onChange={onChange} value={data.companyName} fullWidth + InputProps={{ + autoComplete: "organization" + }} />
@@ -136,6 +145,9 @@ const AddressEdit: React.FC = props => { name="phone" value={data.phone} onChange={onChange} + InputProps={{ + autoComplete: "tel" + }} />
@@ -151,6 +163,9 @@ const AddressEdit: React.FC = props => { onChange={onChange} value={data.streetAddress1} fullWidth + InputProps={{ + autoComplete: "address-line1" + }} /> = props => { onChange={onChange} value={data.streetAddress2} fullWidth + InputProps={{ + autoComplete: "address-line2" + }} />
@@ -179,6 +197,9 @@ const AddressEdit: React.FC = props => { onChange={onChange} value={data.city} fullWidth + InputProps={{ + autoComplete: "address-level2" + }} />
@@ -193,6 +214,9 @@ const AddressEdit: React.FC = props => { onChange={onChange} value={data.postalCode} fullWidth + InputProps={{ + autoComplete: "postal-code" + }} />
@@ -214,7 +238,9 @@ const AddressEdit: React.FC = props => { value={data.country} choices={countries} InputProps={{ - autoComplete: "off" + inputProps: { + autoComplete: "none" + } }} /> @@ -230,6 +256,9 @@ const AddressEdit: React.FC = props => { onChange={onChange} value={data.countryArea} fullWidth + InputProps={{ + autoComplete: "address-level1" + }} /> diff --git a/src/components/CompanyAddressInput/CompanyAddressForm.tsx b/src/components/CompanyAddressInput/CompanyAddressForm.tsx index 727e640a8..10bd26cbc 100644 --- a/src/components/CompanyAddressInput/CompanyAddressForm.tsx +++ b/src/components/CompanyAddressInput/CompanyAddressForm.tsx @@ -90,6 +90,9 @@ const CompanyAddressForm: React.FC = props => { onChange={onChange} value={data.companyName} fullWidth + InputProps={{ + autoComplete: "organization" + }} /> = props => { onChange={onChange} value={data.streetAddress1} fullWidth + InputProps={{ + autoComplete: "address-line1" + }} /> = props => { onChange={onChange} value={data.streetAddress2} fullWidth + InputProps={{ + autoComplete: "address-line2" + }} /> @@ -130,6 +139,9 @@ const CompanyAddressForm: React.FC = props => { onChange={onChange} value={data.city} fullWidth + InputProps={{ + autoComplete: "address-level2" + }} /> = props => { onChange={onChange} value={data.postalCode} fullWidth + InputProps={{ + autoComplete: "postal-code" + }} /> @@ -176,6 +191,9 @@ const CompanyAddressForm: React.FC = props => { onChange={onChange} value={data.countryArea} fullWidth + InputProps={{ + autoComplete: "address-level1" + }} /> @@ -190,6 +208,9 @@ const CompanyAddressForm: React.FC = props => { name={"phone" as keyof AddressTypeInput} value={data.phone} onChange={onChange} + InputProps={{ + autoComplete: "tel" + }} /> ); diff --git a/src/siteSettings/components/SiteSettingsDetails/SiteSettingsDetails.tsx b/src/siteSettings/components/SiteSettingsDetails/SiteSettingsDetails.tsx index c25da371c..a8bf0b54e 100644 --- a/src/siteSettings/components/SiteSettingsDetails/SiteSettingsDetails.tsx +++ b/src/siteSettings/components/SiteSettingsDetails/SiteSettingsDetails.tsx @@ -50,6 +50,11 @@ const SiteSettingsDetails: React.FC = ({ } value={data.name} onChange={onChange} + InputProps={{ + inputProps: { + autoComplete: "none" + } + }} /> = ({ helperText={getShopErrorMessage(formErrors.domain, intl)} value={data.domain} onChange={onChange} + InputProps={{ + inputProps: { + autoComplete: "none" + } + }} /> = ({ } value={data.description} onChange={onChange} + InputProps={{ + inputProps: { + autoComplete: "none" + } + }} /> diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap index 529335b72..4799df2a9 100644 --- a/src/storybook/__snapshots__/Stories.test.ts.snap +++ b/src/storybook/__snapshots__/Stories.test.ts.snap @@ -3092,6 +3092,7 @@ exports[`Storyshots Generics / AddressEdit default 1`] = ` > = ({ name={"name" as keyof typeof data} value={data.name} onChange={onChange} + InputProps={{ + inputProps: { + autoComplete: "none" + } + }} />