From e81a05aa2de7bc45ba85e743f2a2a924976a1944 Mon Sep 17 00:00:00 2001
From: Luke <sabolukas03@gmail.com>
Date: Fri, 29 Jul 2022 18:37:31 +0200
Subject: [PATCH] fix(web/menu): set pointer events to none on body div

Fixes and issue where you could click the menu to take away focus and make it non interactable
---
 web/src/features/menu/list/ListItem.tsx | 1 -
 web/src/features/menu/list/index.tsx    | 1 +
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/features/menu/list/ListItem.tsx b/web/src/features/menu/list/ListItem.tsx
index e38a2d8..e1b4a63 100644
--- a/web/src/features/menu/list/ListItem.tsx
+++ b/web/src/features/menu/list/ListItem.tsx
@@ -15,7 +15,6 @@ const ListItem = forwardRef<Array<HTMLDivElement | null>, Props>(({ item, index,
       bg="#25262B"
       borderRadius="md"
       tabIndex={index}
-      pointerEvents="none"
       p={2}
       height="60px"
       key={`item-${index}`}
diff --git a/web/src/features/menu/list/index.tsx b/web/src/features/menu/list/index.tsx
index 2278f78..4767d3d 100644
--- a/web/src/features/menu/list/index.tsx
+++ b/web/src/features/menu/list/index.tsx
@@ -105,6 +105,7 @@ const ListMenu: React.FC = () => {
     <>
       <Box
         position="absolute"
+        pointerEvents="none"
         pt={menu.position === "top-left" || menu.position === "top-right" ? 5 : 0}
         pl={menu.position === "top-left" || menu.position === "bottom-left" ? 5 : 0}
         pr={menu.position === "top-right" || menu.position === "bottom-right" ? 5 : 0}