Fix navigate timing when dialogs where opened (#23261)

* Fix navigate timing when dialogs where opened

* Revert navigate changes

src/components/ha-related-items.ts

@@ -164,7 +164,6 @@ export class HaRelatedItems extends LitElement {
                 return html`
                   <a
                     href=${`/config/integrations/integration/${entry.domain}#config_entry=${entry.entry_id}`}
-                    @click=${this._navigateAwayClose}
                   >
                     <ha-list-item hasMeta graphic="icon">
                       <img
@@ -191,7 +190,6 @@ export class HaRelatedItems extends LitElement {
                   (integration) =>
                     html`<a
                       href=${`/config/integrations/integration/${integration}`}
-                      @click=${this._navigateAwayClose}
                     >
                       <ha-list-item hasMeta graphic="icon">
                         <img
@@ -223,10 +221,7 @@ export class HaRelatedItems extends LitElement {
                 return nothing;
               }
               return html`
-                <a
+                <a href="/config/devices/device/${relatedDeviceId}">
-                  href="/config/devices/device/${relatedDeviceId}"
-                  @click=${this._navigateAwayClose}
-                >
                   <ha-list-item hasMeta graphic="icon">
                     <ha-svg-icon
                       .path=${mdiDevices}
@@ -251,10 +246,7 @@ export class HaRelatedItems extends LitElement {
                   return nothing;
                 }
                 return html`
-                  <a
+                  <a href="/config/areas/area/${relatedAreaId}">
-                    href="/config/areas/area/${relatedAreaId}"
-                    @click=${this._navigateAwayClose}
-                  >
                     <ha-list-item
                       hasMeta
                       .graphic=${area.picture ? "avatar" : "icon"}
@@ -364,10 +356,7 @@ export class HaRelatedItems extends LitElement {
                 const blueprintMeta = this._blueprints
                   ? this._blueprints.automation[path]
                   : undefined;
-                return html`<a
+                return html`<a href="/config/blueprint/dashboard">
-                  href="/config/blueprint/dashboard"
-                  @click=${this._navigateAwayClose}
-                >
                   <ha-list-item hasMeta graphic="icon">
                     <ha-svg-icon
                       .path=${mdiPaletteSwatch}
@@ -421,10 +410,7 @@ export class HaRelatedItems extends LitElement {
                 const blueprintMeta = this._blueprints
                   ? this._blueprints.script[path]
                   : undefined;
-                return html`<a
+                return html`<a href="/config/blueprint/dashboard">
-                  href="/config/blueprint/dashboard"
-                  @click=${this._navigateAwayClose}
-                >
                   <ha-list-item hasMeta graphic="icon">
                     <ha-svg-icon
                       .path=${mdiPaletteSwatch}
@@ -468,14 +454,6 @@ export class HaRelatedItems extends LitElement {
     `;
   }
 
-  private async _navigateAwayClose() {
-    // allow new page to open before closing dialog
-    await new Promise((resolve) => {
-      setTimeout(resolve, 0);
-    });
-    fireEvent(this, "close-dialog");
-  }
-
   private async _findRelated() {
     this._related = await findRelated(this.hass, this.itemType, this.itemId);
     if (this._related.config_entry) {

src/dialogs/more-info/ha-more-info-history.ts

@@ -3,7 +3,6 @@ import type { PropertyValues } from "lit";
 import { LitElement, css, html, nothing } from "lit";
 import { customElement, property, query, state } from "lit/decorators";
 import { isComponentLoaded } from "../../common/config/is_component_loaded";
-import { fireEvent } from "../../common/dom/fire_event";
 import { computeDomain } from "../../common/entity/compute_domain";
 import { createSearchParam } from "../../common/url/search-params";
 import type { ChartResizeOptions } from "../../components/chart/ha-chart-base";
@@ -77,7 +76,7 @@ export class MoreInfoHistory extends LitElement {
             </div>
             ${__DEMO__
               ? nothing
-              : html`<a href=${this._showMoreHref} @click=${this._close}
+              : html`<a href=${this._showMoreHref}
                   >${this.hass.localize(
                     "ui.dialogs.more_info_control.show_more"
                   )}</a
@@ -244,10 +243,6 @@ export class MoreInfoHistory extends LitElement {
     this._setRedrawTimer();
   }
 
-  private _close(): void {
-    setTimeout(() => fireEvent(this, "close-dialog"), 500);
-  }
-
   static styles = css`
     .header {
       display: flex;

src/dialogs/more-info/ha-more-info-logbook.ts

@@ -4,7 +4,6 @@ import { css, html, LitElement, nothing } from "lit";
 import { customElement, property } from "lit/decorators";
 import memoizeOne from "memoize-one";
 import { isComponentLoaded } from "../../common/config/is_component_loaded";
-import { fireEvent } from "../../common/dom/fire_event";
 import { createSearchParam } from "../../common/url/search-params";
 import "../../panels/logbook/ha-logbook";
 import type { HomeAssistant } from "../../types";
@@ -36,7 +35,7 @@ export class MoreInfoLogbook extends LitElement {
         <div class="title">
           ${this.hass.localize("ui.dialogs.more_info_control.logbook")}
         </div>
-        <a href=${this._showMoreHref} @click=${this._close}
+        <a href=${this._showMoreHref}
           >${this.hass.localize("ui.dialogs.more_info_control.show_more")}</a
         >
       </div>
@@ -67,10 +66,6 @@ export class MoreInfoLogbook extends LitElement {
     }
   }
 
-  private _close(): void {
-    setTimeout(() => fireEvent(this, "close-dialog"), 500);
-  }
-
   static get styles() {
     return [
       css`

src/panels/config/integrations/ha-domain-integrations.ts

@@ -237,7 +237,6 @@ class HaDomainIntegrations extends LitElement {
       ["cloud", "google_assistant", "alexa"].includes(domain) &&
       isComponentLoaded(this.hass, "cloud")
     ) {
-      fireEvent(this, "close-dialog");
       navigate("/config/cloud");
       return;
     }