vuetifyjs/vuetify

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

Open

Aperta il 11 ago 2025

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

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

Tech stack
vuetypescript
Dominio
frontendaccessibility
Tipo issue
bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 hours
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
fresh
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
clear
Prerequisiti
Familiarity with Vuetify componentsUnderstanding of keyboard focus in browsersAbility to test in Safari
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
50
Direzione di ricerca
Esamina il codice sorgente del componente VToolbar nel repository Vuetify, in particolare la logica di gestione del focus che utilizza composable relativi al focus. Controlla gli attributi tabindex nell'HTML renderizzato nel link di riproduzione. Riproduci il problema in Safari rispetto a Chrome per identificare la discrepanza. Cerca eventuali problemi di focus specifici di Safari o attributi ARIA mancanti. Una potenziale soluzione prevede di assicurarsi che i pulsanti della barra degli strumenti abbiano un tabindex esplicito o di utilizzare tecniche di trappola del focus.