Content
@
0 reply
0 recast
0 reaction
Darryl Yeo 🛠️
@darrylyeo
Edge cases to consider when choosing or building bespoke UI components: • keyboard navigation + Esc key behavior • headless/overridable styles • i18n • screen reader support • date pickers • nested modals • sorting/filtering/multiselect in comboboxes/data grids What else? https://youtu.be/9-6deom3ZdY
7 replies
4 recasts
49 reactions
Damian
@zimmcognito
>nested modal Pls no
1 reply
0 recast
2 reactions
Darryl Yeo 🛠️
@darrylyeo
More generally, captured focus areas within captured focus areas, or floating UI within floating UI. Like a dropdown menu inside of a modal. If done right, they should create a "hierarchy" of escape key presses.
1 reply
0 recast
1 reaction
Damian
@zimmcognito
Yeah it’s cool if you have all that a11 controls but technically I believe it you would have focus on the element and press escape most modern libraries would handle that case and close the dropdown/modal. I might be wrong tho lol
1 reply
0 recast
0 reaction
Damian
@zimmcognito
Also thanks for not aiming with this as for modal inside modal haha
1 reply
0 recast
0 reaction