CODEWITHSUNDEEP
react-selectreact-select-plus
Krishna Kiran
Krishna Kiran

Reputation: 81

How to disable auto-complete or auto-fill in react-select?

How to disable auto-complete or auto-fill in react-select? I need an answer without the involvement of the Input custom component. Can you guys please help me to figure it out?

Upvotes: 8

Views: 6016

Answers (1)

Rajesh kumar
Rajesh kumar

Reputation: 304

You can use custom Input component and can use that component with react-select. Something like this:-

import Select, { components } from 'react-select'

const Input = ({ ...rest }) =>
<components.Input {...rest} autoComplete={'nope'} />

<Select {...rest} components={{ Input }} />

Chrome now ignores autoComplete="off" unless it is on the <form autocomplete="off"> tag. So, that's why I'm using random string autoComplete="off"

Upvotes: 4

Related Questions