Content pfp
Content
@
0 reply
0 recast
0 reaction

Darryl Yeo đŸ› ïž pfp
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 pfp
Damian
@zimmcognito
>nested modal Pls no
1 reply
0 recast
2 reactions

Darryl Yeo đŸ› ïž pfp
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 pfp
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