vuetifyjs/vuetify

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

Open

#21.905 aperta il 11 ago 2025

Vedi su GitHub
 (0 commenti) (0 reazioni) (0 assegnatari)TypeScript (7139 fork)batch import
C: VToolbarT: bughelp wantedplatform specific

Metriche repository

Star
 (40.995 star)
Metriche merge PR
 (Merge medio 59g 10h) (8 PR mergiate in 30 g)

Descrizione

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

Guida contributor

Direzione di ricerca
Ispeziona il tabindex e la gestione del focus del componente VToolbar button in Safari. Controlla se manca un ruolo o un tabindex che fa sì che Safari salti i pulsanti. Utilizza il link di riproduzione per eseguire il debug del comportamento di navigazione da tastiera.
Tech stack
vuetypescript
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
VueVuetify
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60