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

Repeated id when using several poppers in the same page - accessibility enhancement #87

Open
ceciCoding opened this issue May 25, 2023 · 0 comments · May be fixed by #88
Open

Repeated id when using several poppers in the same page - accessibility enhancement #87

ceciCoding opened this issue May 25, 2023 · 0 comments · May be fixed by #88

Comments

@ceciCoding
Copy link

Description of the bug
When adding the arrow prop, that arrow gets and id="arrow", which represents an issue for accessibility because every id in the page must be unique.

To Reproduce
Steps to reproduce the behavior:

  1. Use more than one popper with the arrow prop set to true in the same page
  2. Inspect and see all of them have a div with the id=arrow

Expected behavior
Every id in a page has to be unique, therefore the use of a class is more appropiate

Screenshots
image
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix issue with repeated ids in the same page - accessibility ceciCoding/vue3-popper
1 participant
@ceciCoding