React-select shows keyboard when is toggled


React-select shows keyboard when is toggled



i'm using react-select ^1.2.1 and i'm facing a weird behaviour. When i toggle the dropdown in mobile view keyboard is opening like the screenshotenter image description here



My component inside is this:


render() {
return (




+


-

</div>



Any suggestions? Maybe the input tag??




1 Answer
1



I think you should add the attribute "readonly" on your input to avoid the default behavior on this element.


<input
id={this.props.id}
type="number"
name={this.props.input.name}
value={this.props.currentTravelersNumber}
className="person-selector"
readonly
/>






By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Comments

Popular posts from this blog

paramiko-expect timeout is happening after executing the command

Export result set on Dbeaver to CSV

Opening a url is failing in Swift