I came across this issue a few days ago. Do you anyone knew how to disable browser autocomplete on the Input element in React.js?? I already tried :
- autoComplete="off"
- autocomplete="new-password"
Both are not working.
Thank you for your answer.
4 Answers
Solution from https://www.codementor.io/@leonardofaria/disabling-autofill-in-chrome-zec47xcui
What solved the issue for me is setting the form fields to read only and then removing the attribute once the user focus them.
<input readonly="readonly" onfocus="this.removeAttribute('readonly');" type="text" value="test">
1 Comment
Rahul Saini
Thanks for the solution. I used solution mentioned here medium.com/paul-jaworski/…
Yes, neither autoComplete="off" nor autocomplete="new-password" works with chrome.
Adding autocomplete attribute when input is focused works for me
onFocus={(event) => { event.target.setAttribute('autocomplete', 'off'); }}
Comments
The tags autoComplete="off" and autocomplete="new-password" does not work with browsers. Add this to the input tags and it will work as expected.
onFocus={(e) => e.target.setAttribute("autoComplete", "none")}
1 Comment
Akhil Latta
Thanks for saving my day. I have tried all the given solutions but only this one worked for me. This one should actually be the accepted answer.
On your input element delete the type attribute and all will be well. Also you don't need the autocomplete.
autoComplete, with uppercase C. But even then, you could have suprises.