search

JedWatson / react-select

The Select Component for React.js
https://react-select.com/
MIT License
27.44k stars 4.1k forks source link

Unable to focus or use other input fields inside selector #5794

Open sikhaman opened 8 months ago

sikhaman commented 8 months ago

So I have a use case when I need to put other component inside the MenuList component of react-select and the problem is when I do it, I am not able to focus or interact with that input.

I forked codesandbox you can check it. Again, problem is input or button elements unable to click or focus

So goal is have an option to put custom element after menu list like in antDesign select component image

GuilhermeAmado commented 7 months ago

I'm having the same issue. Did you manage to work on a solution?

vidhuUC commented 7 months ago

I addressed the same problem by introducing another state to manage the focus on the input. However, this solution didn't result in a positive user interface experience, as users need to click each time to bring focus to the input.

sandbox

sikhaman commented 7 months ago

I'm having the same issue. Did you manage to work on a solution?

unfortunately not yet. I tried use custom components based on contenteditable but no luck. everything related to focus event and state update not working