Getting menu/select-like keyboard focus management for a listbox?

[jeffijoe]

I'm working on a multi-select component. Since there isn't a RAC-native base component for it, I'm using a Popover with a ListBox inside for the options.

However, ArrowUp and ArrowDown don't have the same behavior if, say, the popover and listbox were rendered inside of a Select. Similarly, shouldFocusOnHover which is an internal prop is enabled when rendered in a Select, but since it's not public, I can't just apply it to the listbox without silencing the TS error.

Is there an officially blessed way to get focus-on-hover and make the keyboard shortcuts work similarly to those used when using a Select wrapper?

[snowystinger]

Thanks for the discussion and use case, I think this will be covered by the issue we have here #7989

[jeffijoe]

That just covers the focus-on-hover, will the solution also cover the keyboard shortcuts?

(I’m the author of the related issue 😅 I can modify it to include keyboard shortcuts if you’d like?)

[snowystinger]

o, haha, sorry, i didn't notice that
I haven't thought about it enough to know if it'll cover that, but it's all part of the same use case, so definitely helpful to have it at the forefront of the discussion.