Fix issues with Floating UI

frontend/src/Components/Menu/Menu.tsx

@@ -58,16 +58,6 @@ function Menu({
     onPress: handleMenuButtonPress,
   });
 
-  const handleFloaterPress = useCallback((_event: MouseEvent) => {
-    // TODO: Menu items should handle closing when they are clicked.
-    // This is handled before the menu item click event is handled, so wait 100ms before closing.
-    setTimeout(() => {
-      setIsMenuOpen(false);
-    }, 100);
-
-    return true;
-  }, []);
-
   const handleWindowResize = useCallback(() => {
     updateMaxHeight();
   }, [updateMaxHeight]);
@@ -118,8 +108,31 @@ function Menu({
     onOpenChange: setIsMenuOpen,
   });
 
+  const handleFloaterPress = useCallback(
+    (event: MouseEvent) => {
+      if (
+        refs.reference &&
+        (refs.reference.current as HTMLElement).contains(
+          event.target as HTMLElement
+        )
+      ) {
+        return false;
+      }
+
+      // TODO: Menu items should handle closing when they are clicked.
+      // This is handled before the menu item click event is handled, so wait 100ms before closing.
+      setTimeout(() => {
+        setIsMenuOpen(false);
+      }, 100);
+
+      return true;
+    },
+    [refs.reference]
+  );
+
   const click = useClick(context);
   const dismiss = useDismiss(context, {
+    outsidePressEvent: 'click',
     outsidePress: handleFloaterPress,
   });