Fix ConversationHeader context menu getting cut off

signalapp · Oct 5, 2023 · 0f6d82d · 0f6d82d
1 parent b4b3883
commit 0f6d82d
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/ts/components/conversation/ConversationHeader.tsx b/ts/components/conversation/ConversationHeader.tsx
@@ -11,6 +11,7 @@ import {
   SubMenu,
 } from 'react-contextmenu';
 
+import { createPortal } from 'react-dom';
 import { DisappearingTimeDialog } from '../DisappearingTimeDialog';
 import { Avatar, AvatarSize } from '../Avatar';
 import { InContactsIcon } from '../InContactsIcon';
@@ -479,7 +480,7 @@ export class ConversationHeader extends React.Component<PropsType, StateType> {
       );
     });
 
-    return (
+    return createPortal(
       <ContextMenu id={triggerId} rtl={isRTL}>
         {disableTimerChanges ? null : (
           <SubMenu hoverDelay={1} title={disappearingTitle} rtl={!isRTL}>
@@ -571,7 +572,8 @@ export class ConversationHeader extends React.Component<PropsType, StateType> {
             )}
           </MenuItem>
         )}
-      </ContextMenu>
+      </ContextMenu>,
+      document.body
     );
   }