From 2f3b575709c4290aafc6761473d92951dc1b3204 Mon Sep 17 00:00:00 2001
From: martincupela <martin.cupela@gmail.com>
Date: Fri, 17 Apr 2026 12:14:40 +0200
Subject: [PATCH] fix: allow flipping message actions context menu

---
 src/components/MessageActions/MessageActions.tsx        | 2 --
 src/components/Reactions/ReactionSelectorWithButton.tsx | 1 +
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/MessageActions/MessageActions.tsx b/src/components/MessageActions/MessageActions.tsx
index b3147fca5..36dba9e74 100644
--- a/src/components/MessageActions/MessageActions.tsx
+++ b/src/components/MessageActions/MessageActions.tsx
@@ -116,9 +116,7 @@ export const MessageActions: MessageActionsInterface = ({
         <>
           <quickDropdownToggleAction.Component ref={setActionsBoxButtonElement} />
 
-          {/* Stacked submenu changes height; without this, flip() can swap top↔bottom on updateKey. */}
           <ContextMenuComponent
-            allowFlip={false}
             backLabel={t('Back')}
             className={clsx('str-chat__message-actions-box', {
               'str-chat__message-actions-box--hidden':
diff --git a/src/components/Reactions/ReactionSelectorWithButton.tsx b/src/components/Reactions/ReactionSelectorWithButton.tsx
index cf7843df2..d489c81d3 100644
--- a/src/components/Reactions/ReactionSelectorWithButton.tsx
+++ b/src/components/Reactions/ReactionSelectorWithButton.tsx
@@ -40,6 +40,7 @@ export const ReactionSelectorWithButton = ({
       <DialogAnchor
         dialogManagerId={dialogManager?.id}
         id={dialogId}
+        offset={8}
         placement={isMyMessage() ? 'top-end' : 'top-start'}
         referenceElement={buttonRef.current}
         trapFocus