[Bug Report][3.7.6] No focus indicator for closable chips inside v-autocomplete in Safari #20792

Activity

1. github-actions

   added

   S: triage

   on Dec 19, 2024
2. KaelWD

   added

   T: bugFunctionality that does not work as intended/expectedFunctionality that does not work as intended/expected

   help wantedWe are looking for community helpWe are looking for community help

   platform specificThe issue only occurs on a specific platformThe issue only occurs on a specific platform

   C: VChip

   on Dec 21, 2024
3. github-actions

   removed

   S: triage

   on Dec 21, 2024
4. NFriedo commented on Mar 20, 2025

   

   NFriedo

   on Mar 20, 2025

   Author

   More actions

   Seems like the broken focus indicator for Safari is caused by overflow: hidden from this line: https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VChip/VChip.sass#L12
5. prestonyford commented on Dec 3, 2025

   

   prestonyford

   on Dec 3, 2025

   Last edited by prestonyford

   More actions

   I found that Safari seems to block tabbing to <button> elements by default. I was able to reproduce this bug only after going into Safari settings > Advanced > check "Press Tab to highlight each item on a webpage"

   It seems removing border-radius: 9999px on .v-chip also makes the focus indicator appear.

   If we can't remove these styles on the chip, maybe we can give it a fake focus ring by using outline: none and some sort of box-shadow?
6. vuetifyjs

   deleted a comment from LeonxLJX on Sep 1, 2026
7. vuetifyjs

   deleted a comment from LeonxLJX on Sep 1, 2026
8. J-Sek commented on Oct 20, 2026

   

   J-Sek

   on Oct 20, 2026

   Contributor

   More actions

   Closing due to lack of community involvement.
9. J-Sek

   closed this as not plannedon Oct 20, 2026