Skip to content

[Autocomplete] Document how to disable chrome autofill #19126

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Jan 11, 2020
Merged

[Autocomplete] Document how to disable chrome autofill #19126

Changes from 1 commit
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
de82cad
details on how to disable chrome autofill
goleary Jan 8, 2020
6320e14
Update docs/src/pages/components/autocomplete/autocomplete.md
goleary Jan 8, 2020
e1e2485
propose alternative
oliviertassinari Jan 9, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions docs/src/pages/components/autocomplete/autocomplete.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -178,3 +178,7 @@ You can work around the issue with the `disablePortal` prop.

We encourage the usage of a label for the textbox.
The component implements the WAI-ARIA authoring practices.

## Disable Chrome Autofill

The Chrome browser has an autofill implemented that recognizes previous inputs by a user to the same id element on the page. This results in a poor experience for users as the Autocompelete component is overlaid by the chrome autofill mechanism. If you do not pass an `id` prop to the `Autocomplete` component then one will be generated at random preventing Chrome from attempting to autofill the input.