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

Dropdown: attr.id not applied to input element when editable: true #15542

Closed
alexciesielski opened this issue May 12, 2024 · 0 comments · Fixed by #15543
Closed

Dropdown: attr.id not applied to input element when editable: true #15542

alexciesielski opened this issue May 12, 2024 · 0 comments · Fixed by #15543
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@alexciesielski
Copy link
Contributor

alexciesielski commented May 12, 2024

Describe the bug

No ID attribute is applied to the <input> element when enabling editable in the dropdown, leading to the accessibility issue that when clicking the label for="dropdown" element the input is not focused.

<label for="dropdown"> Clicking this does not focus the dropdown, although it should</label>
<p-dropdown inputId="dropdown" [editable]="true" />

Angular version

17

PrimeNG version

17

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20

@alexciesielski alexciesielski added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label May 12, 2024
@cetincakiroglu cetincakiroglu added this to the 17.16.2 milestone May 14, 2024
@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 May 14, 2024
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