From bbe655d8790bd6937f6173ca2462321f54853739 Mon Sep 17 00:00:00 2001
From: Kendall Werts <kmwerts@gmail.com>
Date: Mon, 26 Aug 2019 17:06:48 -0500
Subject: [PATCH] fixed first panel issue

---
 src/js/popup.js | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/js/popup.js b/src/js/popup.js
index c61480b..240ca00 100644
--- a/src/js/popup.js
+++ b/src/js/popup.js
@@ -272,12 +272,7 @@ const Logic = {
       throw new Error("Something really bad happened. Unknown panel: " + panel);
     }
 
-    if (window.innerWidth > 300) {
-      //if popup is in the overflow menu, window will be larger than 300px
-      var root = document.documentElement;
-      root.style.setProperty('--overflow-size', "125px");
-      root.style.setProperty('--icon-fit', "12");
-    }
+
     this._previousPanel = this._currentPanel;
     this._currentPanel = panel;
 
@@ -296,6 +291,16 @@ const Logic = {
       }
     });
     document.querySelector(this.getPanelSelector(this._panels[panel])).classList.remove("hide");
+    window.setTimeout(function () {
+      //sometimes this executes before the window is there and window.innerWidth returns undefined
+      var width = window.innerWidth;
+      if (width > 300) {
+        //if popup is in the overflow menu, window will be larger than 300px
+        var root = document.documentElement;
+        root.style.setProperty('--overflow-size', "125px");
+        root.style.setProperty('--icon-fit', "12");
+      }
+    }, 200);
   },
 
   showPreviousPanel() {