Fix mega menu leave mouse bug

2025-11-04 19:05:58 +03:30
parent 9c218941cf
commit e1a91084a1
1 changed files with 8 additions and 4 deletions
@@ -147,14 +147,18 @@ onMounted(() => {
        mode="out-in"
    >
        <div
+            class="max-md:hidden fixed right-0 top-0 w-full z-1100 h-svh"
            v-if="isOpen"
            :style="{ marginTop: `${navbarHeight}px` }"
-            class="max-md:hidden fixed right-0 top-0 w-full z-1100 bg-black/50 h-svh border-t border-slate-200 flex justify-center"
        >
-            <div class="container">
+            <div
+                class="absolute w-full h-full bg-black/50 flex justify-center"
+                @mouseenter="$emit('update:isOpen', false)"
+            />
+
+            <div class="container relative z-10">
                <div
-                    class="flex h-200 bg-white rounded-b-2xl"
-                    @mouseleave="$emit('update:isOpen', false)"
+                    class="flex h-200 bg-white rounded-b-2xl border-t border-slate-200"
                >
                    <div class="bg-slate-100 p-4 flex flex-col overflow-y-auto mask-b-from-90% pb-8">
                        <button