Set initial focus for device, area, and entity dialogs (#11622)

This commit is contained in:
Steve Repsher 2022-02-09 13:02:03 -05:00 committed by GitHub
parent ed001fb10b
commit 4db943c5ff
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 5 additions and 1 deletions

View File

@ -164,6 +164,7 @@ export class MoreInfoDialog extends LitElement {
.label=${this.hass.localize(
"ui.dialogs.more_info_control.details"
)}
dialogInitialFocus
></mwc-tab>
<mwc-tab
.label=${this.hass.localize(
@ -174,7 +175,7 @@ export class MoreInfoDialog extends LitElement {
`
: ""}
</div>
<div class="content">
<div class="content" tabindex="-1" dialogInitialFocus>
${cache(
this._currTabIndex === 0
? html`

View File

@ -92,6 +92,7 @@ class DialogAreaDetail extends LitElement {
"ui.panel.config.areas.editor.name_required"
)}
.invalid=${nameInvalid}
dialogInitialFocus
></paper-input>
<ha-picture-upload
.hass=${this.hass}

View File

@ -68,6 +68,7 @@ class DialogDeviceRegistryDetail extends LitElement {
.label=${this.hass.localize("ui.panel.config.devices.name")}
.placeholder=${device.name || ""}
.disabled=${this._submitting}
dialogInitialFocus
></paper-input>
<ha-area-picker
.hass=${this.hass}

View File

@ -115,6 +115,7 @@ export class DialogEntityEditor extends LitElement {
.label=${this.hass.localize(
"ui.dialogs.entity_registry.settings"
)}
dialogInitialFocus
>
</mwc-tab>
${Object.entries(this._extraTabs).map(