Input inside Menu does not autoFocus about ariakit HOT 4 CLOSED

A textbox (input) isn't a valid child of a role="menu" element (Menu). If you describe the kind of UI you're trying to implement, I can suggest a more appropriate structure. For example, consider a Menu with Combobox.

from ariakit.

Thank you for the reply @diegohaz ! The UI I want to achieve is just rending a Input inside a dropdown , thats why I had chosen to have an input element inside the Menu component

I have just found a solution for this using initialFocus passed to Menu. This solved the issue I was facing

https://codesandbox.io/p/sandbox/gallant-kapitsa-m83myg?file=%2Fsrc%2FApp.js%3A18%2C11-18%2C23

from ariakit.

I see. If you want an input inside a dropdown, you probably want to use Popover, not Menu. As I said, a textbox (input) isn't a valid child of a role="menu" element (Menu). This will produce an invalid accessibility tree.

from ariakit.

Oh got it ! yes using Popover will help in implementing the UI I need , thank you so much will proceed with this ! 😄

from ariakit.