Select dropdown change tabIndex?

[cedar nymph]

I'm using the Select component, and noticed that its dropdown component has a negative tabIndex, so it's not focusable. But I'm writing a custom dropdown which I pass to the prop dropdownComponent, and I need to content inside to be focusable. Is there a way to force the dropdown content in Select to be focusable? Even if I change its tabIndex to 0 programmatically, it's still not focusable

Thanks in advance

EDIT: the title is misleading, I did change the tabIndex but it didn't help, also injected to the dropdown class (when open), user-select, and pointer-events, even rendered stuff of the dropdownComponent inside a portal, but it's still not selectable

[sudden zenith]

Why you need the dropdown to be focusable from keyboard?

[cedar nymph]

Not from keyboard, but I pass a component to the dropdownComponent prop, and this component has an HTML input, and I can't focus on that input and type

[sudden zenith]

That wil not work, use Popover component to create a custom Select