You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Current behavior
When using tab navigation we can open the split button menu. Then we can navigate through menu items. using Enter keyboard key works well for links (because we have href attribute). But for items with a custom command => () as update or delete in the official demo page, item is not triggerable using keyboard. This can cause serious accessibility issues.
Expected behavior
We expect custom command to be triggered while using keyboard navigation for accessibility purpose.
Minimal reproduction of the problem with instructions
Go on demo page, go to first split button using tab key. Open the menu with enter or space key. Then tab to "Update" or "Delete". Hit enter -> nothing happens. The event is only triggered using click.
What is the motivation / use case for changing the behavior?
Accessibility. Prevent usage of the button for people using keyboards.
Please tell us about your environment:
All
Angular version: 13
PrimeNG version: 13.4.0
Browser: all
Language: TS
The text was updated successfully, but these errors were encountered:
volvachev
added a commit
to volvachev/primeng
that referenced
this issue
May 12, 2022
cetincakiroglu
added
Type: Enhancement
Issue contains an enhancement related to a specific component. Additional functionality has been add
Status: Pending Review
Issue or pull request is being reviewed by Core Team
Type: Bug
Issue contains a bug related to a specific component. Something about the component is not working
and removed
Type: Enhancement
Issue contains an enhancement related to a specific component. Additional functionality has been add
Status: Pending Review
Issue or pull request is being reviewed by Core Team
labels
May 23, 2022
cetincakiroglu
removed
the
Type: Bug
Issue contains a bug related to a specific component. Something about the component is not working
label
May 24, 2022
**I'm submitting a **
Repro Case (Bug Reports)
No need for template, issue on official demo page.
https://www.primefaces.org/primeng/splitbutton
Current behavior
When using tab navigation we can open the split button menu. Then we can navigate through menu items. using Enter keyboard key works well for links (because we have
href
attribute). But for items with a customcommand => ()
asupdate
ordelete
in the official demo page, item is not triggerable using keyboard. This can cause serious accessibility issues.Expected behavior
We expect custom
command
to be triggered while using keyboard navigation for accessibility purpose.Minimal reproduction of the problem with instructions
Go on demo page, go to first split button using tab key. Open the menu with enter or space key. Then tab to "Update" or "Delete". Hit enter -> nothing happens. The event is only triggered using click.
What is the motivation / use case for changing the behavior?
Accessibility. Prevent usage of the button for people using keyboards.
Please tell us about your environment:
All
Angular version: 13
PrimeNG version: 13.4.0
The text was updated successfully, but these errors were encountered: