onChange event is not getting fired on react-select.

<Select options={this.dropdownData} onChange={this.selectChangeHandler} styles={customStyles} components={{ MenuList: this.itemWrapper, Input: this.trigger }} key={title} closeMenuOnSelect={false} onInputChange={value => this.selectValue = value} placeholder={this.props.placeholder} filterOption={customFilter} isMulti isSearchable />

I am overriding both Input and MenuList components. For MenuList, I am using a virtualized list, but when I am making a selection, the onChange handler is not getting fired.

[cmmv91]

I’m having a similar issue, is not that onChange event is not firing but onBlur is firing first, causing onChange never to fire. We currently have a workaround by adding a timeout to onChange. The issue has been reproduced on Win 10 Pro and Home editions, and on Chrome, Firefox and Edge browsers. We haven’t found a pattern on how to reproduce it or why it happens, we will be trying to reproduce it on the sandbox above and share with you upon success. Please let us know if you have any questions regarding this issue.

[pulkitgoyal24]

Is there any update on this issue. onChange on <Select> is working fine on mouse click but not working when press keyboard enter key in Chrome browser.