PanelMenu keyboard navigation #2181
Labels
Type: Enhancement
Issue contains an enhancement related to a specific component. Additional functionality has been add
Milestone
If you have a PrimeVue PRO Support subscription please post your issue at;
https://pro.primefaces.org
where our team will respond within 1 business hour.
If you do not have a PrimeVue PRO Support subscription, fill-in the report below. Please note that
your issue will be added to the waiting list of community issues and will be reviewed on a first-come first-serve basis, as a result, the support team is unable to guarantee a specific schedule on when it will be reviewed. Thank you for your understanding.
Current Queue Time for Review
Without PRO Support: ~1-4 weeks.
With PRO Support: 1 hour
I'm submitting a ... (check one with "x")
CodeSandbox Case (Bug Reports)
Please demonstrate your case at CodeSandbox by using the issue template below. Issues without a test case have much less possibility to be reviewed in detail and assisted.
https://primefaces.org/primevue/showcase/#/panelmenu
Current behavior
PanelMenu items cannot be opened with the keyboard by tabbing over one and hitting enter on the keyboard. They do highlight but won't open their items when hitting enter. The PanelMenu items have an attribute of tabindex="0" meaning they should be able to be interacted with via the keyboard. This is a 508 issue because only active elements should be in the tab order. The ARC Toolkit recommends: Remove the tabindex attribute or set it to '-1', OR define the role of the control.
Expected behavior
Should "click" the panelmenu item when focused on panelmenu item and enter key is hit.
Minimal reproduction of the problem with instructions
->navigate to https://primefaces.org/primevue/showcase/#/panelmenu
->tab over a panelmenu item and hit enter key
->nothing happens
What is the motivation / use case for changing the behavior?
508 compliance of Primevue components
Please tell us about your environment:
Centos 7
Chrome browser
Vue version: 3.X
Vue 3.2.19
PrimeVue version: 3.4.X
3.10
Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
Only tried in chrome
The text was updated successfully, but these errors were encountered: