GridList for a custom Select with Search.

[pavelbelyaev98]

Hello, I am building a custom single and multi select component that also has a search to it.
Similar to:

For this I am using a DialogTrigger + Popover for the overlays and inside render a GridList.

So far so good, but there seems to be no way to automatically focus on the GridList when I open the modal. I have to click "Tab" in order to make the GridList focusable but i want it to behave similarly to normal select where you open the modal and can directly navigate with up and down arrows.

[snowystinger]

Can you use autoFocus?
I see it on ListBox https://react-spectrum.adobe.com/react-aria/ListBox.html prop table.
I don't see it on GridList, so possibly it was missed and just needs to be added. I can't think of a reason we wouldn't support it. Hopefully it's just missed in the types

react-spectrum/packages/@react-aria/gridlist/src/useGridList.ts

Line 32 in d57bd8d

export interface GridListProps<T> extends CollectionBase<T>, MultipleSelection {

vs

react-spectrum/packages/@react-types/listbox/src/index.d.ts

Line 18 in d57bd8d

autoFocus?: boolean | FocusStrategy,

[pavelbelyaev98]

Adding autoFocus doesnt seem to work, looks like it is missing from GridList

[snowystinger]

Thanks for checking that out. I've opened an issue for it #7105
Would you like to contribute?