From 322b0defc0e63738eb9e8016c78ebd2e1647eb11 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Thu, 21 Aug 2025 12:05:06 +0200
Subject: [PATCH] Sender Group Container: Fix menu ref (#6136)

---
 src/components/middle/message/SenderGroupContainer.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/middle/message/SenderGroupContainer.tsx b/src/components/middle/message/SenderGroupContainer.tsx
index 5df3b1ae9..6be9d939a 100644
--- a/src/components/middle/message/SenderGroupContainer.tsx
+++ b/src/components/middle/message/SenderGroupContainer.tsx
@@ -3,7 +3,6 @@ import type React from '../../../lib/teact/teact';
 import {
   memo,
   useEffect,
-  useRef,
 } from '../../../lib/teact/teact';
 import { getActions, withGlobal } from '../../../global';
 
@@ -76,7 +75,6 @@ const SenderGroupContainer: FC<OwnProps & StateProps> = ({
   canPost,
 }) => {
   const { openChat, updateInsertingPeerIdMention } = getActions();
-  const ref = useRef<HTMLDivElement>();
 
   const { forwardInfo } = message;
 
@@ -134,12 +132,12 @@ const SenderGroupContainer: FC<OwnProps & StateProps> = ({
     isContextMenuOpen, contextMenuAnchor,
     handleContextMenu, handleContextMenuClose,
     handleContextMenuHide,
-  } = useContextMenuHandlers(ref);
+  } = useContextMenuHandlers(avatarRef);
 
   const getTriggerElement = useLastCallback(() => avatarRef.current);
   const getRootElement = useLastCallback(() => document.querySelector('.Transition_slide-active > .MessageList'));
   const getMenuElement = useLastCallback(
-    () => ref?.current?.querySelector(`.${styles.contextMenu} .bubble`),
+    () => avatarRef?.current?.querySelector(`.${styles.contextMenu} .bubble`),
   );
   const getLayout = useLastCallback(() => ({ withPortal: true }));
 
@@ -204,14 +202,14 @@ const SenderGroupContainer: FC<OwnProps & StateProps> = ({
   );
 
   return (
-    <div id={id} className={className} ref={ref}>
+    <div id={id} className={className}>
       {shouldRender && (
         <div ref={avatarRef} className={styles.avatarContainer}>
           {renderAvatar()}
+          {shouldRenderContextMenu && renderContextMenu()}
         </div>
       )}
       {children}
-      {shouldRenderContextMenu && renderContextMenu()}
     </div>
   );
 };