Set initial focus for some more dialogs (#11676)

src/dialogs/config-entry-system-options/dialog-config-entry-system-options.ts

@@ -83,6 +83,7 @@ class DialogConfigEntrySystemOptions extends LitElement {
             .checked=${!this._disableNewEntities}
             @change=${this._disableNewEntitiesChanged}
             .disabled=${this._submitting}
+            dialogInitialFocus
           ></ha-switch>
         </ha-formfield>
         ${this._allowUpdatePolling()

src/panels/config/devices/device-detail/integration-elements/mqtt/dialog-mqtt-device-debug-info.ts

@@ -71,6 +71,7 @@ class DialogMQTTDeviceDebugInfo extends LitElement {
             <ha-switch
               .checked=${this._showDeserialized}
               @change=${this._showDeserializedChanged}
+              dialogInitialFocus
             >
             </ha-switch>
           </ha-formfield>

src/panels/config/logs/dialog-system-log-detail.ts

@@ -104,7 +104,7 @@ class DialogSystemLogDetail extends LitElement {
               )}
             </ha-alert>`
           : ""}
-        <div class="contents">
+        <div class="contents" tabindex="-1" dialogInitialFocus>
           <p>
             Logger: ${item.name}<br />
             Source: ${item.source.join(":")}
@@ -227,6 +227,7 @@ class DialogSystemLogDetail extends LitElement {
         }
         .contents {
           padding: 16px;
+          outline: none;
         }
         .error {
           color: var(--error-color);

src/panels/config/users/dialog-add-user.ts

@@ -111,6 +111,7 @@ export class DialogAddUser extends LitElement {
                 .errorMessage=${this.hass.localize("ui.common.error_required")}
                 @value-changed=${this._handleValueChanged}
                 @blur=${this._maybePopulateUsername}
+                dialogInitialFocus
               ></paper-input>`
             : ""}
           <paper-input
@@ -125,6 +126,7 @@ export class DialogAddUser extends LitElement {
             autocapitalize="none"
             @value-changed=${this._handleValueChanged}
             .errorMessage=${this.hass.localize("ui.common.error_required")}
+            dialogInitialFocus
           ></paper-input>
 
           <paper-input

src/panels/developer-tools/statistics/dialog-statistics-fix-units-changed.ts

@@ -65,6 +65,7 @@ export class DialogStatisticsFixUnitsChanged extends LitElement {
             name="action"
             .checked=${this._action === "update"}
             @change=${this._handleActionChanged}
+            dialogInitialFocus
           ></ha-radio>
         </ha-formfield>
         <ha-formfield

src/panels/developer-tools/statistics/dialog-statistics-fix-unsupported-unit-meta.ts

@@ -47,7 +47,11 @@ export class DialogStatisticsFixUnsupportedUnitMetadata extends LitElement {
           ${this._params.issue.data.supported_unit}?
         </p>
 
-        <mwc-button slot="primaryAction" @click=${this._fixIssue}>
+        <mwc-button
+          slot="primaryAction"
+          @click=${this._fixIssue}
+          dialogInitialFocus
+        >
           Fix
         </mwc-button>
         <mwc-button slot="secondaryAction" @click=${this.closeDialog}>