fixed animation bugs

layouts/default.vue

@@ -1,5 +1,4 @@
 <template>
-  <!-- desktop navMenu -->
   <svg
     @click="[openMenu(), (menuStatus = !menuStatus)]"
     class="cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 mt-[6.154vw] md:mt-[1.51vw] me-[6.154vw] md:me-[1.25vw]"
@@ -34,6 +33,12 @@
     </defs>
   </svg>
 
+
+
+
+
+
+    <!-- desktop navMenu -->
   <div class="hidden md:block" v-show="menuStatus">
     <svg
       class="svg cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 md:mt-[5.885vw] me-[6.154vw] md:me-[1.25vw]"
@@ -247,7 +252,7 @@
   <!-- mobile navMenu -->
   <div
   v-show="menuStatus"
-    class="fixed z-[1000] !bottom-[0px] flex h-[100vh] w-full items-center justify-center md:hidden"
+    class="flex md:hidden absolute bg-white !bottom-[0px]  h-[100vh] w-full items-center justify-center "
   >
     <div
       class="fixed bottom-[5vw] space-y-[6vw] text-[4.038vw] flex flex-col items-center justify-center h-[110.769vw] w-[90%] bg-white z-[10] rounded-[6.41vw]"
@@ -358,20 +363,31 @@
 const menuStatus = ref(false);
 
 const openMenu = () => {
+
   if (menuStatus.value === true) {
     document.getElementById("openMenuFilter").style.filter = "none";
     document.getElementById("openMenuFilter").style.backdropFilter = "none";
     document
       .getElementsByTagName("html")[0]
       .classList.remove("overflow-hidden");
-    console.log("nist");
+
   } else {
     document.getElementById("openMenuFilter").style.filter = "brightness(50%)";
     document.getElementById("openMenuFilter").style.backdropFilter = "brightness(90%)";
-
-
     document.getElementsByTagName("html")[0].classList.add("overflow-hidden");
-    console.log("hast");
+    document.getElementById("openMenuFilter").onclick = outOfButton;
+console.log('baaz');
+    
   }
 };
+
+function outOfButton(){
+  if (menuStatus.value === true) {
+      openMenu()
+      menuStatus.value = false
+console.log('clsd');
+  }
+}
+
+
 </script>