[Bug Report][3.8.0] v-select opens on mouse-down, violating WCAG 2.5.2 Input modalities - Pointer cancellation
Open
Nobody has claimed this yet.
a11y
T: feature
- Dominant language
- TypeScript
- Stars
- 41k
- Forks
- 7.1k
- Avg merge
- 1d 21h
- Merged PRs (30d)
- 11
Description
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
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the v-select behavior described in the reproduction link and trace the component's pointer interaction entry point. Verify the current opening trigger in the reproduction, then confirm the completed behavior by checking that the menu opens on mouse-up rather than mouse-down across the reported browsers.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 38/100