From dabbbbb874229863f91ed435b510762d8db31e54 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 18 Apr 2026 18:01:34 +0300
Subject: [PATCH] fix(revisions): context menu on mobile + regression in tab
 switcher

---
 apps/client/src/widgets/dialogs/revisions.tsx |  2 ++
 apps/client/src/widgets/react/Modal.tsx       | 11 +++++++++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/widgets/dialogs/revisions.tsx b/apps/client/src/widgets/dialogs/revisions.tsx
index 3fdd9d0952..2fddb65ac3 100644
--- a/apps/client/src/widgets/dialogs/revisions.tsx
+++ b/apps/client/src/widgets/dialogs/revisions.tsx
@@ -152,6 +152,8 @@ function RevisionsMenu({ note, onRevisionSaved, onAllDeleted, hasRevisions }: {
             buttonClassName="custom-title-bar-button"
             noSelectButtonStyle
             buttonProps={{ title: t("revisions.menu_tooltip") }}
+            dropdownContainerClassName="mobile-bottom-menu"
+            dropdownOptions={{ popperConfig: { strategy: "fixed" } }}
         >
             <FormListItem
                 icon="bx bx-save"
diff --git a/apps/client/src/widgets/react/Modal.tsx b/apps/client/src/widgets/react/Modal.tsx
index 674729b7bc..9c0addce13 100644
--- a/apps/client/src/widgets/react/Modal.tsx
+++ b/apps/client/src/widgets/react/Modal.tsx
@@ -157,7 +157,7 @@ export default function Modal({ children, className, size, title, customTitleBar
                         </div>}
                         {sidebar}
                     </div>}
-                    <div className="modal-main">
+                    <ModalMain sidebar={!!sidebar}>
                         <div className="modal-header">
                             {!title || typeof title === "string" ? (
                                 <h5 className="modal-title">{title ?? <>&nbsp;</>}</h5>
@@ -192,13 +192,20 @@ export default function Modal({ children, className, size, title, customTitleBar
                                 {children}
                             </ModalInner>
                         )}
-                    </div>
+                    </ModalMain>
                 </div>
             </div>}
         </div>
     );
 }
 
+function ModalMain({ sidebar, children }: { sidebar: boolean; children: ComponentChildren }) {
+    if (sidebar) {
+        return <div className="modal-main">{children}</div>;
+    }
+    return <>{children}</>;
+}
+
 function ModalInner({ children, footer, footerAlignment, bodyStyle, footerStyle: _footerStyle }: Pick<ModalProps, "children" | "footer" | "footerAlignment" | "bodyStyle" | "footerStyle">) {
     // Memoize footer style
     const footerStyle = useMemo<CSSProperties>(() => {