From 5e485fb87eb65b9e161d85b73f11f85a363aacd8 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Tue, 16 Dec 2025 12:49:39 +0100
Subject: [PATCH] Collapse all submenus if the main menu gets collapsed

---
 dashboard/src/components/SideBarItem.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/components/SideBarItem.vue b/dashboard/src/components/SideBarItem.vue
index e777899bd..166037238 100644
--- a/dashboard/src/components/SideBarItem.vue
+++ b/dashboard/src/components/SideBarItem.vue
@@ -1,6 +1,6 @@
 <script setup>
 
-import { ref, computed, useTemplateRef } from 'vue';
+import { ref, computed, useTemplateRef, watch } from 'vue';
 import { Menu } from '@cloudron/pankow';
 import SideBarItem from './SideBarItem.vue';
 
@@ -38,6 +38,12 @@ const props = defineProps({
   }
 });
 
+const isExpanded = ref(false);
+
+watch(() => props.collapsed, () => {
+  isExpanded.value = false;
+});
+
 const isActive = computed(() => {
   const active = props.active;
   return typeof active === 'function' ? active() : active ?? true;
@@ -48,7 +54,6 @@ const isVisible = computed(() => {
   return typeof visible === 'function' ? visible() : visible ?? true;
 });
 
-const isExpanded = ref(false);
 
 function close() {
   emit('close');