Unable to focus or use other input fields inside selector

[sikhaman]

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

[GuilhermeAmado]

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

[vidhuUC]

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]

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