From ad7193d0674f8d518d0e24cba0db1e3852352867 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sun, 4 Aug 2024 13:53:06 +0800
Subject: [PATCH] Fix notifications popover not close-able on iPad

---
 src/pages/home.jsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/pages/home.jsx b/src/pages/home.jsx
index f10f633e..d823f95e 100644
--- a/src/pages/home.jsx
+++ b/src/pages/home.jsx
@@ -152,8 +152,11 @@ function NotificationsMenu({ anchorRef, state, onClose }) {
     if (state === 'open') loadNotifications();
   }, [state]);
 
+  const menuRef = useRef();
+
   return (
     <ControlledMenu
+      ref={menuRef}
       menuClassName="notifications-menu"
       state={state}
       anchorRef={anchorRef}
@@ -161,6 +164,11 @@ function NotificationsMenu({ anchorRef, state, onClose }) {
       portal={{
         target: document.body,
       }}
+      containerProps={{
+        onClick: () => {
+          menuRef.current?.closeMenu?.();
+        },
+      }}
       overflow="auto"
       viewScroll="close"
       position="anchor"