Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Disable Browser Autocomplete

See original GitHub issue

When using react-select in Microsoft Edge I have a problem where the browser autocomplete is appearing on top of the dropdown making it hard to use.


Currently as a workaround I am using jQuery to add ("autocomplete", "off") to the DOM element. I found that while the element is focused the browser wont reflect the changes. So instead of using autoFocus= true I am now calling a focus function in the componendDidMount function.

     $(".myClass .Select-input input").attr("autocomplete", "off");

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:10

github_iconTop GitHub Comments

individual11commented, Apr 23, 2018

this worked for me inputProps={{autoComplete: 'random-string', autoFill:'off' }}

andrewmclagancommented, Feb 25, 2018

autoComplete=“new-password” (yes it works)

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to turn off form autocompletion - Web security | MDN
Setting autocomplete="off" on fields has two effects: ... If a browser keeps on making suggestions even after setting autocomplete to off, then ...
Read more >
How to Disable the Browser Autocomplete and Autofill on ...
To disable the autocomplete of text in forms, use the autocomplete attribute of <input> and <form> elements. You'll need the "off" value of...
Read more >
How do you disable browser autocomplete on web form ...
Just set autocomplete="off" . There is a very good reason for doing this: You want ...
Read more >
Disable HTML form input autocomplete and autofill
Disable HTML Form Input Autocomplete and Autofill · Add autocomplete="off" onto <form> element; · Add hidden <input> with autocomplete="false" as a first children ......
Read more >
How to disable the form autofill feature in your browser
Click the Chrome menu (three dots) on the browser toolbar. · Select Settings. · Click on the Sync section. · Click on the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found