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

p-dropdown: Focus doesn't came out of dropdown field after tabbing #14924

Closed
akashuwtw opened this issue Mar 1, 2024 · 2 comments
Closed

p-dropdown: Focus doesn't came out of dropdown field after tabbing #14924

akashuwtw opened this issue Mar 1, 2024 · 2 comments
Assignees
Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA PRO Support Issue was reported by PRO User Resolution: Cannot Replicate Issue could not be replicated by Core Team

Comments

@akashuwtw
Copy link

Describe the bug

While tabbing through all the fields in the form, keyboard focus doesn't came out of the p-dropdown field.

Environment

OS: Windows 10

Reproducer

No response

Angular version

16.2.7

PrimeNG version

16.5.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.16.0

Browser(s)

Chrome 121.0.6167.161, Edge 121.0.2277.112

Steps to reproduce the behavior

<p-dropdown [options]="dropdownOptions" [ngModel]="selectedOption" optionLabel="name"></p-dropdown>

Expected behavior

On tab key, focus should move to next field

@akashuwtw akashuwtw added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Mar 1, 2024
@mehmetcetin01140 mehmetcetin01140 added Component: Accessibility Issue or pull request is related to WCAG or ARIA and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Mar 4, 2024
@cetincakiroglu cetincakiroglu added the PRO Support Issue was reported by PRO User label Mar 5, 2024
@cetincakiroglu cetincakiroglu added this to the 17.10.0 milestone Mar 5, 2024
@cetincakiroglu
Copy link
Contributor

Hi,

We can't replicate the behavior in the latest version of PrimeNG. This issue is fixed between 16.5x and 17x versions. Please try latest version you'll see that the next element receives focus by pressing tab if the overlay is closed. See the example: https://stackblitz.com/edit/rswtum?file=src%2Fapp%2Fdemo%2Fdropdown-basic-demo.html

Closing the issue since it doesn't exist with the latest version.

@cetincakiroglu cetincakiroglu removed this from the 17.10.0 milestone Mar 6, 2024
@cetincakiroglu cetincakiroglu added the Resolution: Cannot Replicate Issue could not be replicated by Core Team label Mar 6, 2024
Copy link

github-actions bot commented Mar 6, 2024

We're unable to replicate your issue, if you are able to create a reproducer by using PrimeNG Issue Template or add details please edit this issue. This issue will be closed if no activities in 20 days.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA PRO Support Issue was reported by PRO User Resolution: Cannot Replicate Issue could not be replicated by Core Team
Projects
None yet
Development

No branches or pull requests

3 participants