search

argyleink / gui-challenges

Components from the YouTube show GUI Challenges: accessible, responsive, adaptive and cross browser components.
https://youtube.com/playlist?list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ
Apache License 2.0
2.82k stars 394 forks source link

Support arrow key navigation in Tabs #112

Open argyleink opened 2 years ago

argyleink commented 2 years ago

focus on the nav of links and if the arrows are used, shift between the tabs. could also add roving-ux so state is saved?

shoutout to Rob Levin for the idea

roblevintennis commented 2 years ago

Nice @argyleink -- I also noticed on the modal demo tabs aren't trapped. Not sure if that's something else you're interested in. I have too much work on the AgnosticUI stuff at the moment so unfortunately can't lend a helping hand :(

argyleink commented 2 years ago

Nice @argyleink -- I also noticed on the modal demo tabs aren't trapped. Not sure if that's something else you're interested in. I have too much work on the AgnosticUI stuff at the moment so unfortunately can't lend a helping hand :(

yeah, no focus trapping, just inert, like how window.alert() works. that'd be a nice remix idea tho! sharing "your style" and the things you find important 🙂

roblevintennis commented 2 years ago

I'm implemented svelte-a11y-dialog and angular-a11y-dialog and ported Vue-a11y-dialog to Vue 3 (and then delegated to those from AgnosticUI) but those don't use native dialog for the issues documented by a11y-dialog 🤓🙂

btwshivam commented 1 year ago

hey, I want to work on it. assign me!

argyleink commented 1 year ago

hey, I want to work on it. assign me!

sweet! you got it!