Fix ConversationHeader context menu getting cut off

Author: jamiebuilds-signal

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
     );
   }