Buttons like e.g. the ones in the main navigation don't get a visual keyboard focus indicator. This is related to the following CSS Selector (with more properties declared at this selector, but I'm only listing the problematic one):
.v-btn {
outline: 0;
}
This might have been done intentionally in the past for design reasons (as the outline would get displayed on pointer device like mouse usage as well mostly unnecessarily), but isn't relevant now anymore as the browsers defaults even already switched to :focus-visible internally that would only display the visual keyboard focus indicator on keyboard usage.
I would have provided a PR myself, but sadly haven't had the chance to find the relevant part in the codebase easily.
Thanks for reporting! I am using Vuetify framework so probably it's defining this style. I'll look into this when I have a chance (probably for next edition..)
Buttons like e.g. the ones in the main navigation don't get a visual keyboard focus indicator. This is related to the following CSS Selector (with more properties declared at this selector, but I'm only listing the problematic one):
This might have been done intentionally in the past for design reasons (as the outline would get displayed on pointer device like mouse usage as well mostly unnecessarily), but isn't relevant now anymore as the browsers defaults even already switched to
:focus-visible
internally that would only display the visual keyboard focus indicator on keyboard usage.I would have provided a PR myself, but sadly haven't had the chance to find the relevant part in the codebase easily.