From e567d8039c51baa523e69e652b3691fdc77d3191 Mon Sep 17 00:00:00 2001
From: David Langley <davidl@element.io>
Date: Thu, 8 May 2025 00:18:32 +0100
Subject: [PATCH] Use avatar tootltip for the title rather than the whole
 button

It's more performant and feels less glitchy than the button tooltip moving around when you scroll.
---
 .../views/rooms/MemberList/tiles/RoomMemberTileView.tsx        | 3 +--
 .../views/rooms/MemberList/tiles/common/MemberTileView.tsx     | 2 --
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/components/views/rooms/MemberList/tiles/RoomMemberTileView.tsx b/src/components/views/rooms/MemberList/tiles/RoomMemberTileView.tsx
index b67e421dbe..3a3fe56e53 100644
--- a/src/components/views/rooms/MemberList/tiles/RoomMemberTileView.tsx
+++ b/src/components/views/rooms/MemberList/tiles/RoomMemberTileView.tsx
@@ -31,7 +31,7 @@ export function RoomMemberTileView(props: IProps): JSX.Element {
             size="32px"
             name={member.name}
             idName={member.userId}
-            title={member.displayUserId}
+            title={vm.title}
             url={member.avatarThumbnailUrl}
             altText={_t("common|user_avatar")}
         />
@@ -55,7 +55,6 @@ export function RoomMemberTileView(props: IProps): JSX.Element {
 
     return (
         <MemberTileView
-            title={vm.title}
             onClick={vm.onClick}
             avatarJsx={av}
             presenceJsx={presenceJSX}
diff --git a/src/components/views/rooms/MemberList/tiles/common/MemberTileView.tsx b/src/components/views/rooms/MemberList/tiles/common/MemberTileView.tsx
index a88e7424b5..5fe0d0e82d 100644
--- a/src/components/views/rooms/MemberList/tiles/common/MemberTileView.tsx
+++ b/src/components/views/rooms/MemberList/tiles/common/MemberTileView.tsx
@@ -14,7 +14,6 @@ interface Props {
     avatarJsx: JSX.Element;
     nameJsx: JSX.Element | string;
     onClick: () => void;
-    title?: string;
     presenceJsx?: JSX.Element;
     userLabel?: React.ReactNode;
     iconJsx?: JSX.Element;
@@ -34,7 +33,6 @@ export function MemberTileView(props: Props): JSX.Element {
                 className={classNames("mx_MemberTileView", {
                     mx_MemberTileView_hover: props.focused,
                 })}
-                title={props.title}
                 onClick={props.onClick}
                 tabIndex={-1}
             >