From 742772fdb79957d2ffdec98c7bd56f5355d2fb6b Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 13 Aug 2024 11:23:34 +0800
Subject: [PATCH] Disable the menu close on click on small screens, need to
 research this more

---
 .../templates/navMenu/NavigationMenu.tsx        | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/packages/web/components/templates/navMenu/NavigationMenu.tsx b/packages/web/components/templates/navMenu/NavigationMenu.tsx
index 797470e20..f4c41c28e 100644
--- a/packages/web/components/templates/navMenu/NavigationMenu.tsx
+++ b/packages/web/components/templates/navMenu/NavigationMenu.tsx
@@ -67,12 +67,12 @@ export function NavigationMenu(props: NavigationMenuProps): JSX.Element {
         }}
         onClick={(event) => {
           // on small screens we want to dismiss the menu after click
-          if (window.innerWidth <= 768) {
-            setDismissed(true)
-            setTimeout(() => {
-              props.setShowMenu(false)
-            }, 100)
-          }
+          // if (window.innerWidth <= 768) {
+          //   setDismissed(true)
+          //   setTimeout(() => {
+          //     props.setShowMenu(false)
+          //   }, 100)
+          // }
           event.stopPropagation()
         }}
       >
@@ -183,6 +183,7 @@ const LibraryNav = (props: NavigationMenuProps): JSX.Element => {
         onClick={(event) => {
           setMoreFolderSectionOpen(!moreFolderSectionOpen)
           event.preventDefault()
+          event.stopPropagation()
         }}
       >
         <HStack
@@ -313,6 +314,10 @@ const Shortcuts = (props: NavigationMenuProps): JSX.Element => {
             outline: 'none',
           },
         }}
+        onClick={(event) => {
+          event.preventDefault()
+          event.stopPropagation()
+        }}
       >
         <ShortcutsTree treeRef={treeRef} />
       </Box>