Posts

Showing posts with the label react-select

React-select shows keyboard when is toggled

Image
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 screenshot 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 th...