From fbf510cb0dd8cc449546c2a2435984b3ef4e3588 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Thu, 13 Mar 2025 02:11:44 +0800
Subject: [PATCH] Fix compose context menu not working on other pages

---
 src/app.css                       | 2 +-
 src/components/compose-button.jsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app.css b/src/app.css
index e27f66b0..27e76c6d 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1660,7 +1660,7 @@ body:has(.media-modal-container + .status-deck) .media-post-link {
   padding: 16px;
   background-color: var(--button-bg-blur-color);
   /* backdrop-filter: blur(16px); */
-  z-index: 10;
+  z-index: 20;
   box-shadow:
     0 3px 8px -1px var(--drop-shadow-color),
     0 10px 36px -4px var(--button-bg-blur-color);
diff --git a/src/components/compose-button.jsx b/src/components/compose-button.jsx
index 88c438d7..0ccf8284 100644
--- a/src/components/compose-button.jsx
+++ b/src/components/compose-button.jsx
@@ -148,7 +148,7 @@ export default function ComposeButton() {
         boundingBoxPadding={safeBoundingBoxPadding()}
         containerProps={{
           style: {
-            zIndex: 9,
+            zIndex: 19,
           },
           onClick: () => {
             menuRef.current?.closeMenu?.();