[Bug Report][3.7.6] No focus indicator for closable chips inside v-autocomplete in Safari
Open
Nobody has claimed this yet.
C: VChip
help wanted
platform specific
T: bug
- Dominant language
- TypeScript
- Stars
- 41k
- Forks
- 7.1k
- Avg merge
- 1d 21h
- Merged PRs (30d)
- 11
Description
Environment
Vuetify Version: 3.7.6
Vue Version: 3.5.13
Browsers: Safari, Mozilla Firefox, Google Chrome
OS: Mac OS 10.15.7
Steps to reproduce
- Navigate via keyboard to a closable chip inside a v-autocomplete.
Expected Behavior
Close icon is focusable and a focus indicator is shown.
Actual Behavior
Firefox/Chrome: Close Icon is focusable and focus indicator is shown.
Safari: Close Icon has focus but no focus indicator is shown.
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 linked reproduction and the v-autocomplete closable-chip keyboard interaction in Safari, comparing its focus behavior with Firefox and Chrome. Done means the close icon retains a visible focus indicator in Safari while remaining focusable and unchanged in the other listed 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
- Mostly clear
- Newbie friendliness
- 38/100