Fix menu not appearing due to portal-ing to different container

2024-11-25 18:55:44 +03:00 · 2023-03-01 15:44:58 +08:00 · 2023-03-01 15:44:58 +08:00 · 6342268945
commit 6342268945
parent 3c7fc30444
1 changed files with 5 additions and 2 deletions
--- a/src/components/status.jsx
+++ b/src/components/status.jsx
@ -562,10 +562,13 @@ function Status({
              <Menu
                instanceRef={menuInstanceRef}
                portal={{
-                  target:
-                    document.querySelector('.status-deck') || document.body,
+                  target: document.body,
                }}
                containerProps={{
+                  style: {
+                    // Higher than the backdrop
+                    zIndex: 1001,
+                  },
                  onClick: () => {
                    menuInstanceRef.current?.closeMenu?.();
                  },