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.

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

Menu: Accessibility rule F85. Lost focus on TAB #14246

Closed
SoyDiego opened this issue Nov 29, 2023 · 0 comments · Fixed by #14247
Closed

Menu: Accessibility rule F85. Lost focus on TAB #14246

SoyDiego opened this issue Nov 29, 2023 · 0 comments · Fixed by #14247
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@SoyDiego
Copy link
Contributor

SoyDiego commented Nov 29, 2023

Describe the bug

Menu does not comply with Accessibility rule F85.
On press TAB key, should go to the next element.

But if you are using Menu component inside a Table or another element and in the properties you are using appendTo="body", when you press TAB key, loose the focus completely and you cannot continue navigate inside the table.

You can see a example here:

(I'm opening the menu with Spacebar and then I press TAB and loose the focus. Should go to the next row or element.)

problem accessibility

Environment

Reproducer

No response

Angular version

Last version

PrimeNG version

Last version

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.16.18

Browser(s)

All browsers

Steps to reproduce the behavior

  1. Create a Table
  2. Create Button inside the table and when you click in the button should add a menu component.
  3. If you are moving with the keyboard keys, when you enter to the menu and press tab, you should be in the next row but will loose the focus.

Expected behavior

When you press TAB go to the next element.

@SoyDiego SoyDiego added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Nov 29, 2023
@SoyDiego SoyDiego changed the title Menu: Does not comply with Accessibility rule F85 Menu: Accessibility rule F85. Loose focus on TAB Nov 29, 2023
@SoyDiego SoyDiego changed the title Menu: Accessibility rule F85. Loose focus on TAB Menu: Accessibility rule F85. Lost focus on TAB Nov 30, 2023
@cetincakiroglu cetincakiroglu added this to the 17.0.0 milestone Dec 6, 2023
@cetincakiroglu cetincakiroglu added Type: Bug Issue contains a bug related to a specific component. Something about the component is not working and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Dec 6, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants