input box inside options, the input text cannot be selected by mouse

[ghoshorn]

<Select dropdownMatchSelectWidth={500} value={value} virtual={false} > <Option value="1"> Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack </Option> <Option value="2"> Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy </Option> <Option value="3"> <input onClick={event => { event.stopPropagation(); }} defaultValue='test' /> </Option> </Select> simply adding an input inside the Option, but the test text in input cannot be selected by mouse.(However, you still can select the text using keyboard)

no idea if it's the virtual list that makes the text un-selectable by mouse. Adding virtual={false}, it will still use virtual list.

If I use dropdownRender, like dropdownRender1={() => { return ( <div> <Option value="2"> Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy </Option> <Option value="3"> <input onClick={event => { event.stopPropagation(); }} defaultValue='test' /> </Option> </div> ) }}, then the text in input can be selected by mouse.

So...if I don't use dropdownRender, it there any ways that can make the input text selectable? or is there any other props that can totally disable the virtual list?