srcdev-nuxt-components 6.1.7 → 6.1.8

package/app/components/responsive-header/ResponsiveHeader.vue

@@ -384,17 +384,8 @@ const initMainNavigationState = () => {
   })
 }
 
-onMounted(async () => {
-  // If navigation is already initialized and loaded, skip the setup
-  if (navigationInitialized.value && navLoaded.value) {
-    return
-  }
-
-  await initTemplateRefs().then(() => {
-    navLoaded.value = true
-    navigationInitialized.value = true
-  })
-
+// Function to set up click outside listeners
+const setupClickOutsideListeners = () => {
   navigationDetailsRefs.value?.forEach((element, index) => {
     onClickOutside(element, () => {
       navigationDetailsRefs.value?.[index]?.removeAttribute("open")
@@ -405,6 +396,23 @@ onMounted(async () => {
     onClickOutside(overflowDetailsRef.value, () => {
       overflowDetailsRef.value?.removeAttribute("open")
     })
+}
+
+onMounted(async () => {
+  // If navigation is already initialized and loaded, skip the template refs setup
+  if (navigationInitialized.value && navLoaded.value) {
+    // But still set up click outside listeners as DOM elements may have changed
+    await nextTick()
+    setupClickOutsideListeners()
+    return
+  }
+
+  await initTemplateRefs().then(() => {
+    navLoaded.value = true
+    navigationInitialized.value = true
+  })
+
+  setupClickOutsideListeners()
 })
 
 useResizeObserver(navigationWrapperRef, async () => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "srcdev-nuxt-components",
   "type": "module",
-  "version": "6.1.7",
+  "version": "6.1.8",
   "main": "nuxt.config.ts",
   "scripts": {
     "clean": "rm -rf .nuxt && rm -rf .output && rm -rf .playground/.nuxt && rm -rf .playground/.output",