From 33626a579cd3ea4934d14882646aa5ccd752fcac Mon Sep 17 00:00:00 2001
From: Benjamin Lu <benjaminlu1107@gmail.com>
Date: Wed, 10 Dec 2025 13:15:48 -0800
Subject: [PATCH] Fix menu position docked issue

---
 src/components/TopMenuSection.vue           | 3 ++-
 src/components/actionbar/ComfyActionbar.vue | 8 ++------
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/components/TopMenuSection.vue b/src/components/TopMenuSection.vue
index 12954fd90..d7d4a08da 100644
--- a/src/components/TopMenuSection.vue
+++ b/src/components/TopMenuSection.vue
@@ -50,6 +50,7 @@
 </template>
 
 <script setup lang="ts">
+import { useLocalStorage } from '@vueuse/core'
 import { storeToRefs } from 'pinia'
 import { computed, onMounted, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
@@ -78,7 +79,7 @@ const isDesktop = isElectron()
 const { t } = useI18n()
 const isQueueOverlayExpanded = ref(false)
 const actionbarContainerRef = ref<HTMLElement>()
-const isActionbarDocked = ref(true)
+const isActionbarDocked = useLocalStorage('Comfy.MenuPosition.Docked', true)
 const actionbarPosition = computed(() => settingsStore.get('Comfy.UseNewMenu'))
 const isActionbarEnabled = computed(
   () => actionbarPosition.value !== 'Disabled'
diff --git a/src/components/actionbar/ComfyActionbar.vue b/src/components/actionbar/ComfyActionbar.vue
index aa0e6a965..26574d506 100644
--- a/src/components/actionbar/ComfyActionbar.vue
+++ b/src/components/actionbar/ComfyActionbar.vue
@@ -145,13 +145,9 @@ const tabContainer = document.querySelector('.workflow-tabs-container')
 const actionbarWrapperRef = ref<HTMLElement | null>(null)
 const panelRef = ref<HTMLElement | ComponentPublicInstance | null>(null)
 const dragHandleRef = ref<HTMLElement | null>(null)
-const storedDocked = useLocalStorage('Comfy.MenuPosition.Docked', true)
 const docked = computed({
-  get: () => props.docked ?? storedDocked.value,
-  set: (value) => {
-    storedDocked.value = value
-    emit('update:docked', value)
-  }
+  get: () => props.docked ?? false,
+  set: (value) => emit('update:docked', value)
 })
 const storedPosition = useLocalStorage('Comfy.MenuPosition.Floating', {
   x: 0,