From 0f6d82dc4211a31a6480e7d5793085e5145dd23a Mon Sep 17 00:00:00 2001
From: Jamie Kyle <113370520+jamiebuilds-signal@users.noreply.github.com>
Date: Thu, 5 Oct 2023 09:26:15 -0700
Subject: [PATCH] Fix ConversationHeader context menu getting cut off

---
 ts/components/conversation/ConversationHeader.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/ts/components/conversation/ConversationHeader.tsx b/ts/components/conversation/ConversationHeader.tsx
index 915b019c5..53ff10f6b 100644
--- 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
     );
   }