From 4db943c5ffbc8e5cf949a086a8ecd7d54a90ac04 Mon Sep 17 00:00:00 2001
From: Steve Repsher <steverep@users.noreply.github.com>
Date: Wed, 9 Feb 2022 13:02:03 -0500
Subject: [PATCH] Set initial focus for device, area, and entity dialogs
 (#11622)

---
 src/dialogs/more-info/ha-more-info-dialog.ts                   | 3 ++-
 src/panels/config/areas/dialog-area-registry-detail.ts         | 1 +
 .../device-registry-detail/dialog-device-registry-detail.ts    | 1 +
 src/panels/config/entities/dialog-entity-editor.ts             | 1 +
 4 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/dialogs/more-info/ha-more-info-dialog.ts b/src/dialogs/more-info/ha-more-info-dialog.ts
index 64082db266..dd33958584 100644
--- a/src/dialogs/more-info/ha-more-info-dialog.ts
+++ b/src/dialogs/more-info/ha-more-info-dialog.ts
@@ -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`
diff --git a/src/panels/config/areas/dialog-area-registry-detail.ts b/src/panels/config/areas/dialog-area-registry-detail.ts
index 9bbb35de18..3fadb0ea58 100644
--- a/src/panels/config/areas/dialog-area-registry-detail.ts
+++ b/src/panels/config/areas/dialog-area-registry-detail.ts
@@ -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}
diff --git a/src/panels/config/devices/device-registry-detail/dialog-device-registry-detail.ts b/src/panels/config/devices/device-registry-detail/dialog-device-registry-detail.ts
index 677820ce12..7d96306f86 100644
--- a/src/panels/config/devices/device-registry-detail/dialog-device-registry-detail.ts
+++ b/src/panels/config/devices/device-registry-detail/dialog-device-registry-detail.ts
@@ -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}
diff --git a/src/panels/config/entities/dialog-entity-editor.ts b/src/panels/config/entities/dialog-entity-editor.ts
index 74ff01d8f2..ece37b5348 100644
--- a/src/panels/config/entities/dialog-entity-editor.ts
+++ b/src/panels/config/entities/dialog-entity-editor.ts
@@ -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(