React doesn't render autocomplete off

Capital "C" autoComplete. This is mentioned in the React documentation:

https://facebook.github.io/react/docs/tags-and-attributes.html


You should put:

autoComplete="new-password"

This will remove the autocomplete


If you've read the correct answer and still have this issue (especially in Chrome), welcome to the club... so check how I've accomplished it:

<form autoComplete="new-password" ... >
        <input name="myInput" type="text" autoComplete="off" id="myInput" placeholder="Search field" />
</form>

Notes

  • form does not necessarily need to be the direct parent of the input element
  • input needs a name attribute
  • it also works with React-Bootstrap <FormControl/> tag (instead of <input/>)