vuetifyjs/vuetify

[Bug Report][3.9.4] V-Toolbar button tabbing and keyboard focus broken on Safari

Fermée

#21 905 ouverte le 11 août 2025

Voir sur GitHubGuide contributeur
 (0 commentaire) (0 réaction) (0 personne assignée)TypeScript (7 139 forks)batch import
C: VToolbarT: bughelp wantedplatform specific

Métriques du dépôt

Stars
 (40 995 étoiles)
Métriques de merge PR
 (Métriques PR en attente)

Description

Environment

Vuetify Version: 3.9.4 Vue Version: 3.5.18 Browsers: Safari OS: Mac OS 10.15.7

Steps to reproduce

From Safari try to tab to the icons, notice the tab key skips over them and the user can't 'focus' them via the keyboard.

Expected Behavior

The user can navigate from button to button via the keyboard's tab key.

Actual Behavior

Pressing the tab key the user is taken to the browsers address field.

Reproduction Link

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

Other comments

The example code attached is from the Vuetify website / Toolbars / Extended section https://vuetifyjs.com/en/components/toolbars/#extended

Guide contributeur

Direction de recherche
Inspectez le tabindex et la gestion du focus du composant VToolbar button dans Safari. Vérifiez s'il manque un rôle ou un tabindex qui fait que Safari saute les boutons. Utilisez le lien de reproduction pour déboguer le comportement de navigation au clavier.
Stack technique
vuetypescript
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
VueVuetify
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
60