Preventing Close Of Select Input On Selection In React

How can I prevent a element from closing it's dropdown automatically after an option has been selected, i.e. I want to keep the option dropdown open even after a selSolution 1: According to this answer, it’s not really possible with a native <select> element—at least not quite like you’d expect. So I see a couple of possibilities:Create a “fake” dropdown menu with an unordered list or any other non-form element, as in the answer that Jon Uleis pointed out in the comment above.If you’d still prefer to use the native <select> element, there’s a slightly hacky approach which involves setting the size attribute of the element on change (and optionally, removing it on blur).Here’s a quick example of what that might look like in React:classHelloextendsReact.Component { constructor(props) { super(props); this.state = { isFocused: false }; this.handleChange = this.handleChange.bind(this); this.handleBlur = this.handleBlur.bind(this); } handleChange(e) { this.setState({ isFocused: true }); } handleBlur(e) { this.setState({ isFocused: false }); } render() { return ( <selectonChange={this.handleChange}onBlur={this.handleBlur}size={this.state.isFocused ? this.props.options.length:false}> {this.props.options.map((option, index) => ( <optionkey={option}>{option}</option> ))} </select> ); } } const options = [ 'This should “stay open”', 'on change.', 'It should also “collapse”', 'on blur.' ]; ReactDOM.render( <Hellooptions={options} />, document.getElementById('root') );Copy<scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script><scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script><divid="root"></div>Copy Share Post a Comment for "Preventing Close Of Select Input On Selection In React" Top Question Right Floated Element Disappears When Using Columns In Firefox I am using an ol element with column-count and column-gap p… Remove The Button Inside The Dropdownlist Is there a way to hide or remove the arrow button inside a … Adding Asterisk To Placeholder, Or A Nice Way To Mark Required Fields Via Placeholder I'm looking for a way to style the asterisk in the plac… Mystery Margin Or Padding On List I cannot figure out where the padding is coming from the on… Homepage Slow To Load When I go to the homepage of my website after clearing my c… How To Add Placeholder Field?

I've been trying to add placeholder in input type='…