Fix ConversationHeader context menu getting cut off

This commit is contained in:
Jamie Kyle 2023-10-05 09:26:15 -07:00 committed by GitHub
parent b4b3883850
commit 0f6d82dc42
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -11,6 +11,7 @@ import {
SubMenu, SubMenu,
} from 'react-contextmenu'; } from 'react-contextmenu';
import { createPortal } from 'react-dom';
import { DisappearingTimeDialog } from '../DisappearingTimeDialog'; import { DisappearingTimeDialog } from '../DisappearingTimeDialog';
import { Avatar, AvatarSize } from '../Avatar'; import { Avatar, AvatarSize } from '../Avatar';
import { InContactsIcon } from '../InContactsIcon'; import { InContactsIcon } from '../InContactsIcon';
@ -479,7 +480,7 @@ export class ConversationHeader extends React.Component<PropsType, StateType> {
); );
}); });
return ( return createPortal(
<ContextMenu id={triggerId} rtl={isRTL}> <ContextMenu id={triggerId} rtl={isRTL}>
{disableTimerChanges ? null : ( {disableTimerChanges ? null : (
<SubMenu hoverDelay={1} title={disappearingTitle} rtl={!isRTL}> <SubMenu hoverDelay={1} title={disappearingTitle} rtl={!isRTL}>
@ -571,7 +572,8 @@ export class ConversationHeader extends React.Component<PropsType, StateType> {
)} )}
</MenuItem> </MenuItem>
)} )}
</ContextMenu> </ContextMenu>,
document.body
); );
} }