Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Bug Report][3.5.1] Nested V-menus not keyboard accessible #19093

Closed
kmmerc18 opened this issue Jan 23, 2024 · 1 comment · May be fixed by jonathanestefani/crud_vuetify#1, jonathanestefani/crud_vuetify#5 or aurelienfvre/sae401#1
Closed

[Bug Report][3.5.1] Nested V-menus not keyboard accessible #19093

kmmerc18 opened this issue Jan 23, 2024 · 1 comment · May be fixed by jonathanestefani/crud_vuetify#1, jonathanestefani/crud_vuetify#5 or aurelienfvre/sae401#1
Assignees
@KaelWD
Labels
a11y Accessibility issue C: VMenu VMenu T: enhancement Functionality that enhances existing features
Milestone
v3.7.0 (Odyssey)

Comments

@kmmerc18
Copy link

Environment

Vuetify Version: 3.5.1
Vue Version: 3.4.7
Browsers: Chrome 120.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

Use keyboard controls to put focus on the initial menu activator button. Use the up and down arrow keys to navigate the options in the menu

Expected Behavior

Focus should move to each and every item in the v-menu, and the nested v-menu should not open unless the user presses 'enter' on it

Actual Behavior

The nested v-menu opens as arrow keys are pressed, preventing access to all menu items after the nested v-menu button in the menu list

Reproduction Link

https://play.vuetifyjs.com/#...
@github-actions github-actions bot added the S: stale This issue is untriaged and hasn't seen any activity in at least six months. label Jul 24, 2024
@KaelWD KaelWD added T: enhancement Functionality that enhances existing features C: VMenu VMenu labels Jul 27, 2024
@KaelWD KaelWD self-assigned this Jul 27, 2024
@KaelWD KaelWD added this to the v3.7.0 (Odyssey) milestone Jul 27, 2024
@KaelWD KaelWD mentioned this issue Jul 27, 2024
Merged
1 task
@KaelWD KaelWD added a11y Accessibility issue and removed S: stale This issue is untriaged and hasn't seen any activity in at least six months. labels Jul 27, 2024
@KaelWD
Copy link
Member

KaelWD commented Jul 29, 2024

https://play.vuetifyjs.com/#eNrVVMGOgjAQ/ZVJL2oikqyeCJqYPW+yd/FQoSRdKzRtIRrCv+9QESiy8bJ72JOdefPezJtWDhXRKvb3Uq7KgpGAhIZdpKCG7aIMIEx4CbGgWm8jknipYFf4KrTh6c3TksbMoyovsiQithwJpXdhWdFGGD/koPS0yE1AY8NLanKFghVIlUsNdUdvJU4mgzgXtkgqfqHqFhFUOPEssSlkIQf2DzFotCH0LbVv7jtmWnHBtXHbNRmPYy22SG3TeRMtAdux6wJ/oImxJQRndkPcAk1YUlGwPjHQdZU9w41gu6qySisbQV03E49rBqMNUcy/3pHT/5MqlhnoNj4U6G6qhxsdy0Bfujg51/jT8p6NjjF4udNnhrvkCXy09XHF04C/cBfTNzKFuW8Ak6NNjl/pv3qCk1Ydk6GP3ww8OX8+DHWsuLwz2FXmykDCUloIA9VdJaGGBjBfwHYH8zYHd9cBHPqRKrBDBjB7Fzw+wwebQb38SxzehhXH9lQv7KFurHbmSL0k69Vmtd6QZVYIcfwGAzuaAQ==

KaelWD added a commit that referenced this issue Jul 30, 2024
@KaelWD
feat(VMenu): add submenu prop (#20092)
306a262 
closes #19093
closes #20130
yuwu9145 pushed a commit that referenced this issue Aug 4, 2024
@KaelWD @yuwu9145
feat(VMenu): add submenu prop (#20092)
80aba10 
closes #19093
closes #20130
@jonathanestefani jonathanestefani mentioned this issue Sep 17, 2024
Open
@jonathanestefani jonathanestefani mentioned this issue Sep 24, 2024
Open
blalan05 pushed a commit that referenced this issue Nov 9, 2024
@KaelWD @blalan05
feat(VMenu): add submenu prop (#20092)
9fa0d3c 
closes #19093
closes #20130
@aurelienfvre aurelienfvre mentioned this issue Nov 10, 2024
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@KaelWD KaelWD

Labels
a11y Accessibility issue C: VMenu VMenu T: enhancement Functionality that enhances existing features
Projects
None yet
Milestone
v3.7.0 (Odyssey)
2 participants
@KaelWD @kmmerc18