Skip to content

[Bug Report][3.8.0] v-select opens on mouse-down, violating WCAG 2.5.2 Input modalities - Pointer cancellation #21192

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

Open
hellmanhellman opened this issue Apr 1, 2025 · 1 comment
Labels
a11y Accessibility issue T: feature A new feature

Comments

@hellmanhellman
Copy link

hellmanhellman commented Apr 1, 2025

Environment

Vuetify Version: 3.8.0
Vue Version: 3.5.13
Browsers: Edge 134.0.0.0, Google Chrome, Mozilla Firefox
OS: Mac OS 10.15.7

Steps to reproduce

Click a v-select.

Expected Behavior

The menu should open on mouse-up.

Actual Behavior

The menu opens on mouse-down, which violates WCAG 2.1:

https://www.w3.org/WAI/WCAG21/Understanding/pointer-cancellation.html

Reproduction Link

https://play.vuetifyjs.com/#...

@hellmanhellman
Copy link
Author

Note: If you want to preserve the "open on mousedown" behavior, perhaps you could add a prop that allows us change that behavior so that we can comply with WCAG if we want to.

@jcjp jcjp added a11y Accessibility issue T: feature A new feature labels Apr 5, 2025
@github-actions github-actions bot removed the S: triage label Apr 5, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y Accessibility issue T: feature A new feature
Projects
None yet
Development

No branches or pull requests

2 participants