From 56c08a1d077718f9fcdac4615e37654a2a8686d0 Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <balloob@gmail.com>
Date: Sun, 21 Jul 2019 11:07:26 -0700
Subject: [PATCH] Close the drawer when picking a panel when in forced narrow
 mode (#3402)

---
 src/layouts/home-assistant-main.ts | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/layouts/home-assistant-main.ts b/src/layouts/home-assistant-main.ts
index 6e02734466..a63f247035 100644
--- a/src/layouts/home-assistant-main.ts
+++ b/src/layouts/home-assistant-main.ts
@@ -44,8 +44,7 @@ class HomeAssistantMain extends LitElement {
       return;
     }
 
-    const sidebarNarrow =
-      this.narrow || this.hass.dockedSidebar === "always_hidden";
+    const sidebarNarrow = this._sidebarNarrow;
 
     const disableSwipe =
       !sidebarNarrow || NON_SWIPABLE_PANELS.indexOf(hass.panelUrl) !== -1;
@@ -91,7 +90,7 @@ class HomeAssistantMain extends LitElement {
     import(/* webpackChunkName: "ha-sidebar" */ "../components/ha-sidebar");
 
     this.addEventListener("hass-toggle-menu", () => {
-      if (this.narrow || this.hass.dockedSidebar === "always_hidden") {
+      if (this._sidebarNarrow) {
         if (this.drawer.opened) {
           this.drawer.close();
         } else {
@@ -120,7 +119,7 @@ class HomeAssistantMain extends LitElement {
       this.narrow || this.hass.dockedSidebar !== "auto"
     );
 
-    if (changedProps.has("route") && this.narrow) {
+    if (changedProps.has("route") && this._sidebarNarrow) {
       this.drawer.close();
     }
 
@@ -136,6 +135,10 @@ class HomeAssistantMain extends LitElement {
     this.narrow = ev.detail.value;
   }
 
+  private get _sidebarNarrow() {
+    return this.narrow || this.hass.dockedSidebar === "always_hidden";
+  }
+
   private get drawer(): AppDrawerElement {
     return this.shadowRoot!.querySelector("app-drawer")!;
   }