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

Dropdown: Focus lost after using tab to select dropdown item #15335

Closed
ahodge-sd opened this issue Apr 22, 2024 · 0 comments · Fixed by #16010 · 4 remaining pull requests
Closed

Dropdown: Focus lost after using tab to select dropdown item #15335

ahodge-sd opened this issue Apr 22, 2024 · 0 comments · Fixed by #16010 · 4 remaining pull requests
Assignees
@mehmetcetin01140
Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone
17.18.5

Comments

@ahodge-sd
Copy link

Describe the bug

When an item in the dropdown component is selected using tab, focus is lost after the item is selected and the user must press tab again to make it return. When using enter, space, click, etc this is not an issue.

Environment

17.14.1

Reproducer

https://stackblitz.com/edit/dzsu3y-yv2pyf?file=src%2Fapp%2Fdemo%2Fdropdown-basic-demo.html

Angular version

17.3.1

PrimeNG version

17.14.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.20.2

Browser(s)

Chrome 124.0.6367.60

Steps to reproduce the behavior

Reproduction steps:

  1. Press 'tab' to focus on the dropdown
  2. Press 'down arrow' to open the dropdown
  3. Select an item and press tab. At this point dropdown focus is lost

Expected behavior

Expected result: Item is selected and focus is either on the newly selected item or the next element
Actual result: Focus goes to the body until tab is pressed again
@ahodge-sd ahodge-sd added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Apr 22, 2024
@mehmetcetin01140 mehmetcetin01140 added Component: Accessibility Issue or pull request is related to WCAG or ARIA 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 Jul 12, 2024
@mehmetcetin01140 mehmetcetin01140 self-assigned this Jul 12, 2024
@mehmetcetin01140 mehmetcetin01140 added this to the 17.18.5 milestone Jul 12, 2024
@mehmetcetin01140 mehmetcetin01140 mentioned this issue Jul 12, 2024
Merged
cetincakiroglu added a commit that referenced this issue Jul 18, 2024
@cetincakiroglu
Merge pull request #16010 from primefaces/issue-15335
72fc52f 
Fixed #15335 - Dropdown | Focus lost after using tab to select dropdo…
@Rodolphe33 Rodolphe33 mentioned this issue Aug 9, 2024
Open
@lakshamanr lakshamanr mentioned this issue Aug 9, 2024
Closed
This was referenced Aug 16, 2024
Open
Open
This was referenced Aug 30, 2024
Open
Open
@Rodolphe33 Rodolphe33 mentioned this issue Sep 8, 2024
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@mehmetcetin01140 mehmetcetin01140

Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
None yet
Milestone
17.18.5
3 participants
@cetincakiroglu @mehmetcetin01140 @ahodge-sd