Add delay to dashboard shortcuts to wait for menu to close fully.

modules/menus/DropdownMenu.js

@@ -44,6 +44,16 @@ const moveBoxToCursor = (self, fixed) => {
   });
 };
 
+// NOTE: We make the window visible for 2 seconds (on startup) so the child
+// elements can allocat their proper dimensions.
+// Otherwise the width that we rely on for menu positioning is set improperly
+// for the first time we open a menu of each type.
+const initRender = Variable(true);
+
+setTimeout(() => {
+  initRender.value = false;
+}, 2000);
+
 export default ({
   name,
   child,
@@ -57,7 +67,7 @@ export default ({
     name,
     class_names: [name, "dropdown-menu"],
     setup: (w) => w.keybind("Escape", () => App.closeWindow(name)),
-    visible: true,
+    visible: initRender.bind("value"),
     keymode: "on-demand",
     exclusivity,
     layer: "top",
@@ -67,10 +77,11 @@ export default ({
       on_primary_click: () => App.closeWindow(name),
       on_secondary_click: () => App.closeWindow(name),
       child: Widget.Box({
+        class_name: "top-eb",
         vertical: true,
         children: [
           Widget.EventBox({
-            class_name: "event-top-padding",
+            class_name: "mid-eb event-top-padding",
             hexpand: true,
             vexpand: false,
             can_focus: false,
@@ -81,7 +92,7 @@ export default ({
             },
           }),
           Widget.EventBox({
-            class_name: "menu-event-box",
+            class_name: "in-eb menu-event-box",
             on_primary_click: () => {
               return true;
             },

modules/menus/dashboard/shortcuts/index.js

@@ -15,15 +15,18 @@ const Shortcuts = () => {
   });
   const handleClick = (action, resolver) => {
     App.closeWindow("dashboardmenu");
-    Utils.execAsync(action)
-      .then((res) => {
-        if (typeof resolver === "function") {
-          return resolver(res);
-        }
 
-        return res;
-      })
-      .catch((err) => err);
+    setTimeout(() => {
+      Utils.execAsync(action)
+        .then((res) => {
+          if (typeof resolver === "function") {
+            return resolver(res);
+          }
+
+          return res;
+        })
+        .catch((err) => err);
+    }, 250);
   };
 
   const recordingDropdown = Widget.Menu({