Disable Browser Autocomplete

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.

componentDidMount(){
     $(".myClass .Select-input input").attr("autocomplete", "off");
     this.focus();
}

[individual11]

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

[andrewmclagan]

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