Dropdown: Focus lost after using tab to select dropdown item #15335
Labels
Component: Accessibility
Issue or pull request is related to WCAG or ARIA
LTS-16-PORTABLE
Type: Bug
Issue contains a bug related to a specific component. Something about the component is not working
v18-port
Milestone
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:
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
The text was updated successfully, but these errors were encountered: