jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-27 03:06:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make quick bar more keyboard accessible (#24321)

Browse Source
This commit is contained in:
Jan-Philipp Benecke 2025-02-20 08:44:49 +01:00 committed by GitHub
parent f3c9e4a4a0
commit f3d614b0d3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/dialogs/quick-bar/ha-quick-bar.ts
View File

@ -251,6 +251,7 @@ export class QuickBar extends LitElement {
<mwc-list> <mwc-list>
${this._opened ${this._opened
? html`<lit-virtualizer ? html`<lit-virtualizer
tabindex="-1"
scroller scroller
@keydown=${this._handleListItemKeyDown} @keydown=${this._handleListItemKeyDown}
@rangechange=${this._handleRangeChanged} @rangechange=${this._handleRangeChanged}
@ -326,6 +327,7 @@ export class QuickBar extends LitElement {
.twoline=${Boolean(item.area)} .twoline=${Boolean(item.area)}
.item=${item} .item=${item}
index=${ifDefined(index)} index=${ifDefined(index)}
tabindex="0"
> >
<span>${item.primaryText}</span> <span>${item.primaryText}</span>
${item.area ${item.area
@ -346,6 +348,7 @@ export class QuickBar extends LitElement {
.item=${item} .item=${item}
index=${ifDefined(index)} index=${ifDefined(index)}
graphic="icon" graphic="icon"
tabindex="0"
> >
${item.iconPath ${item.iconPath
? html` ? html`
@ -375,6 +378,7 @@ export class QuickBar extends LitElement {
index=${ifDefined(index)} index=${ifDefined(index)}
class="command-item" class="command-item"
hasMeta hasMeta
tabindex="0"
> >
<span> <span>
<ha-label <ha-label