Close side bar on menu location set as disabled (#194)

src/components/sidebar/SideToolBar.vue

@@ -22,7 +22,7 @@ import SideBarThemeToggleIcon from "./SideBarThemeToggleIcon.vue";
 import SideBarSettingsToggleIcon from "./SideBarSettingsToggleIcon.vue";
 import NodeDetailSideBarItem from "./items/NodeDetailSideBarItem.vue";
 import QueueSideBarItem from "./items/QueueSideBarItem.vue";
-import { markRaw, ref, watch } from "vue";
+import { markRaw, onMounted, onUnmounted, ref, watch } from "vue";
 
 const items = ref([
   { icon: "pi pi-map", component: markRaw(NodeDetailSideBarItem) },
@@ -42,6 +42,24 @@ const emit = defineEmits(["change"]);
 watch(selectedItem, (newVal) => {
   emit("change", newVal !== null);
 });
+
+const onBetaMenuDisabled = () => {
+  selectedItem.value = null;
+};
+
+onMounted(() => {
+  document.addEventListener(
+    "comfy:setting:beta-menu-disabled",
+    onBetaMenuDisabled
+  );
+});
+
+onUnmounted(() => {
+  document.removeEventListener(
+    "comfy:setting:beta-menu-disabled",
+    onBetaMenuDisabled
+  );
+});
 </script>
 
 <style>

src/scripts/ui/menu/index.ts

@@ -182,6 +182,7 @@ export class ComfyAppMenu {
           app.ui.menuContainer.style.removeProperty("display");
           this.element.style.display = "none";
           app.ui.restoreMenuPosition();
+          document.dispatchEvent(new Event("comfy:setting:beta-menu-disabled"));
         }
         window.dispatchEvent(new Event("resize"));
       },