gui-challenges icon indicating copy to clipboard operation
gui-challenges copied to clipboard

Support arrow key navigation in Tabs

Open argyleink opened this issue 2 years ago • 5 comments

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

argyleink avatar Apr 20 '22 17:04 argyleink

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 :(

roblevintennis avatar Apr 20 '22 17:04 roblevintennis

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 🙂

argyleink avatar Apr 20 '22 17:04 argyleink

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 🤓🙂

roblevintennis avatar Apr 20 '22 17:04 roblevintennis

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

btwshivam avatar Oct 06 '23 17:10 btwshivam

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

sweet! you got it!

argyleink avatar Oct 09 '23 21:10 argyleink