From 5a913e2d00a11cfb7b1e1d2c0941584dab01e764 Mon Sep 17 00:00:00 2001
From: AQIB-NAWAB <aqibnawab1100@gmail.com>
Date: Tue, 29 Apr 2025 22:27:10 +0500
Subject: [PATCH 1/2] resolve the error

---
 app/components/NavBarMenus/NavBarMenus.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/components/NavBarMenus/NavBarMenus.tsx b/app/components/NavBarMenus/NavBarMenus.tsx
index 7b7a69b..f11713e 100644
--- a/app/components/NavBarMenus/NavBarMenus.tsx
+++ b/app/components/NavBarMenus/NavBarMenus.tsx
@@ -37,6 +37,7 @@ export default function NavBarMenu() {
       <MenuButton
         className={navBarStyles.menuButton}
         onClick={() => {
+          setIsOpen(false);
           sendGAEvent("event", "buttonClicked", {
             value: "Settings",
           });
@@ -51,6 +52,9 @@ export default function NavBarMenu() {
           onOpen={() => setIsOpen(true)}
           onClose={() => setIsOpen(false)}
           isOpen={isOpen}
+          openDelay={0}
+          closeDelay={1500}
+          closeOnBlur={false}
         >
           <PopoverTrigger>
             <MenuItem display={"flex"} gap={"8px"} color={"hsl(var(--error))"}>
@@ -62,6 +66,7 @@ export default function NavBarMenu() {
             rootProps={{
               style: {
                 transform: "scale(0)",
+                display: isOpen ? "inherit" : "none",
               },
             }}
           >
@@ -79,7 +84,6 @@ export default function NavBarMenu() {
                 onClick={() => {
                   localStorage.removeItem("progress");
                   userSolutionStore.clearAllCode();
-                  setIsOpen(false);
                   toast({
                     title: "Progress Cleared",
                     description: "Your progress has been cleared",
@@ -87,6 +91,7 @@ export default function NavBarMenu() {
                     duration: 3000,
                     isClosable: true,
                   });
+                  setIsOpen(false);
                 }}
               >
                 RESET

From 60513bfc5573d3296489d464f7c3f6649017bc7d Mon Sep 17 00:00:00 2001
From: JeelRajodiya <jeelrajodiyajeel@gmail.com>
Date: Tue, 13 May 2025 18:17:04 +0530
Subject: [PATCH 2/2] fix: improve NavBarMenu interaction handling

---
 app/components/NavBarMenus/NavBarMenus.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/app/components/NavBarMenus/NavBarMenus.tsx b/app/components/NavBarMenus/NavBarMenus.tsx
index f11713e..002306e 100644
--- a/app/components/NavBarMenus/NavBarMenus.tsx
+++ b/app/components/NavBarMenus/NavBarMenus.tsx
@@ -36,8 +36,9 @@ export default function NavBarMenu() {
     <Menu closeOnSelect={false} gutter={4}>
       <MenuButton
         className={navBarStyles.menuButton}
+        onBlur={() => setIsOpen(false)}
         onClick={() => {
-          setIsOpen(false);
+          
           sendGAEvent("event", "buttonClicked", {
             value: "Settings",
           });
@@ -52,8 +53,6 @@ export default function NavBarMenu() {
           onOpen={() => setIsOpen(true)}
           onClose={() => setIsOpen(false)}
           isOpen={isOpen}
-          openDelay={0}
-          closeDelay={1500}
           closeOnBlur={false}
         >
           <PopoverTrigger>