Loading video...

Video Failed to Load

Go Home

Combining React Aria's Autocomplete, Menu, and upcoming SubDialog component to create multi-level filterable submenus. 😎

16,554 views • 1 year ago •via X (Twitter)

11 Comments

Devon Govett's profile picture
Devon Govett1 year ago

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.

SecurityPal's profile picture
SecurityPal1 year ago

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

moeritz.io 🦋's profile picture
moeritz.io 🦋1 year ago

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

Sam Denty's profile picture
Sam Denty1 year ago

killer work devon! 🔥👏

Yann Birba - 🦋 @yannbirba.fr's profile picture
Yann Birba - 🦋 @yannbirba.fr1 year ago

Insane

Juciano Barbosa ⚛️'s profile picture
Juciano Barbosa ⚛️1 year ago

Awesome

Roman Sandler's profile picture
Roman Sandler1 year ago

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

Devon Govett's profile picture
Devon Govett1 year ago

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.

pdyc's profile picture
pdyc1 year ago

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.

Ramin's profile picture
Ramin1 year ago

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

Devon Govett's profile picture
Devon Govett1 year ago

Yep, just wrap the ListBox with an Autocomplete!

Related Videos