Video wird geladen...
Video konnte nicht geladen werden
Combining React Aria's Autocomplete, Menu, and upcoming SubDialog component to create multi-level filterable submenus. 😎
16,554 Aufrufe • vor 1 Jahr •via X (Twitter)
11 Kommentare

All done with composition of existing components! There's some pretty intricate focus management behind the scenes enabling us to seamlessly transition between virtual focus for Autocomplete and DOM focus to move between sub dialogs, all with the keyboard.

Questionnaire Concierge is now available as an API! With the new API, you can: 📝 Create new questionnaire request directly 🔍 Instantly search questionnaire details ⚒️ Build custom form and dashboard 🔗: #SecurityPal #SecurityQuestionnaires #API

the next time people ask me why I use react aria i will just show them this tweet

killer work devon! 🔥👏

Insane

Awesome

That's amazing! Any plans to also support the GridList component in there?

Yes, though possibly not with virtual focus (i.e. where focus stays on the input when keyboard navigating). It's more complicated with GridList since that allows focusable elements within rows. Might be easier to just tab into the list and navigate as normal in that case.

interesting. wondering how that would look on mobile. I implemented something like this with radix-ui but had to do lot of hardcoding to deal with tree menu behaving properly on mobile.

How can we have a select component with a search feature?

Yep, just wrap the ListBox with an Autocomplete!


