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: aria-controls referencing an element that doesn't exist. #14851

Closed
WTW-Steve-Martin opened this issue Feb 21, 2024 · 2 comments
Closed

DropDown: aria-controls referencing an element that doesn't exist. #14851

WTW-Steve-Martin opened this issue Feb 21, 2024 · 2 comments
Assignees
@cetincakiroglu
Labels
PRO Support Issue was reported by PRO User Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone
17.9.0

Comments

@WTW-Steve-Martin
Copy link

Describe the bug

The Axe Dev Tools for Accessibility is reporting the following issue...
image

The aria-control attribute references an element that doesn't exist as it's dynamically created when the user clicks the dropdown icon.
A potential solution is to dynamically add the attribute when the element is showing.

Environment

Windows 10

Reproducer

No response

Angular version

17.2.1

PrimeNG version

17.7.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.18.0

Browser(s)

Chrome and Edge

Steps to reproduce the behavior

  1. Install the Axe Dev Tools for Accessibility plug-in.
  2. Visit the PrimeNG dropdown page (https://primeng.org/dropdown) on Chrome/Edge browser.
  3. Scan the page with Axe

Expected behavior

No response
@WTW-Steve-Martin WTW-Steve-Martin added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Feb 21, 2024
@cetincakiroglu cetincakiroglu added this to the 17.9.0 milestone Feb 26, 2024
@cetincakiroglu cetincakiroglu added PRO Support Issue was reported by PRO User Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Feb 26, 2024
@TaneliTuomola
Copy link

Same issue with TreeSelect and Calendar: #14358

@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 Feb 28, 2024
@cetincakiroglu cetincakiroglu self-assigned this Feb 28, 2024
@cetincakiroglu
Copy link
Contributor

Same issue with TreeSelect and Calendar: #14358

Huge thanks for raising the related issues!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@cetincakiroglu cetincakiroglu

Labels
PRO Support Issue was reported by PRO User Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
None yet
Milestone
17.9.0
Development

No branches or pull requests
3 participants
@cetincakiroglu @TaneliTuomola @WTW-Steve-Martin