From 46c7963fe287c7b750a01f1140aaae63f35f9e25 Mon Sep 17 00:00:00 2001
From: Tushar Grover <tushargrover222004@gmail.com>
Date: Sat, 24 Jan 2026 18:25:48 +0530
Subject: [PATCH 1/3] fix(sidebar): Show full channel name on hover (#38316)

---
 .changeset/short-names-visible.md             | 5 +++++
 apps/meteor/client/sidebar/Item/Condensed.tsx | 4 +++-
 apps/meteor/client/sidebar/Item/Extended.tsx  | 4 +++-
 apps/meteor/client/sidebar/Item/Medium.tsx    | 4 +++-
 4 files changed, 14 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/short-names-visible.md

diff --git a/.changeset/short-names-visible.md b/.changeset/short-names-visible.md
new file mode 100644
index 0000000000000..e3d9c9adedd76
--- /dev/null
+++ b/.changeset/short-names-visible.md
@@ -0,0 +1,5 @@
+---
+"@rocket.chat/meteor": patch
+---
+
+Fix: Long channel names are truncated and not visible on hover
diff --git a/apps/meteor/client/sidebar/Item/Condensed.tsx b/apps/meteor/client/sidebar/Item/Condensed.tsx
index 3c737cc30e7c9..956fbbf848aa6 100644
--- a/apps/meteor/client/sidebar/Item/Condensed.tsx
+++ b/apps/meteor/client/sidebar/Item/Condensed.tsx
@@ -27,7 +27,9 @@ const Condensed = ({ icon, title, avatar, actions, unread, menu, badges, ...prop
 		<SidebarV2Item {...props} onFocus={handleFocus} onPointerEnter={handlePointerEnter}>
 			{avatar && <SidebarV2ItemAvatarWrapper>{avatar}</SidebarV2ItemAvatarWrapper>}
 			{icon}
-			<SidebarV2ItemTitle unread={unread}>{title}</SidebarV2ItemTitle>
+			<SidebarV2ItemTitle unread={unread} title={title}>
+				{title}
+			</SidebarV2ItemTitle>
 			{badges}
 			{actions}
 			{menu && (
diff --git a/apps/meteor/client/sidebar/Item/Extended.tsx b/apps/meteor/client/sidebar/Item/Extended.tsx
index ce9faea597849..449a6748c5eaa 100644
--- a/apps/meteor/client/sidebar/Item/Extended.tsx
+++ b/apps/meteor/client/sidebar/Item/Extended.tsx
@@ -60,7 +60,9 @@ const Extended = ({
 			<SidebarV2ItemCol>
 				<SidebarV2ItemRow>
 					{icon}
-					<SidebarV2ItemTitle unread={unread}>{title}</SidebarV2ItemTitle>
+					<SidebarV2ItemTitle unread={unread} title={title}>
+						{title}
+					</SidebarV2ItemTitle>
 					{time && <SidebarV2ItemTimestamp>{formatDate(time)}</SidebarV2ItemTimestamp>}
 				</SidebarV2ItemRow>
 				<SidebarV2ItemRow>
diff --git a/apps/meteor/client/sidebar/Item/Medium.tsx b/apps/meteor/client/sidebar/Item/Medium.tsx
index f26d64b983891..4dd37a4456543 100644
--- a/apps/meteor/client/sidebar/Item/Medium.tsx
+++ b/apps/meteor/client/sidebar/Item/Medium.tsx
@@ -26,7 +26,9 @@ const Medium = ({ icon, title, avatar, actions, badges, unread, menu, ...props }
 		<SidebarV2Item {...props} onFocus={handleFocus} onPointerEnter={handlePointerEnter}>
 			<SidebarV2ItemAvatarWrapper>{avatar}</SidebarV2ItemAvatarWrapper>
 			{icon}
-			<SidebarV2ItemTitle unread={unread}>{title}</SidebarV2ItemTitle>
+			<SidebarV2ItemTitle unread={unread} title={title}>
+				{title}
+			</SidebarV2ItemTitle>
 			{badges}
 			{actions}
 			{menu && (

From 61c281685429a518193f1ab979aad0cf57b27d91 Mon Sep 17 00:00:00 2001
From: Douglas Fabris <devfabris@gmail.com>
Date: Fri, 27 Feb 2026 14:07:59 -0300
Subject: [PATCH 2/3] chore: remove changeset

---
 .changeset/short-names-visible.md | 5 -----
 1 file changed, 5 deletions(-)
 delete mode 100644 .changeset/short-names-visible.md

diff --git a/.changeset/short-names-visible.md b/.changeset/short-names-visible.md
deleted file mode 100644
index e3d9c9adedd76..0000000000000
--- a/.changeset/short-names-visible.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@rocket.chat/meteor": patch
----
-
-Fix: Long channel names are truncated and not visible on hover

From 388b9ccdc57932f4dee845b78c0dc3a56e69e0d7 Mon Sep 17 00:00:00 2001
From: Douglas Fabris <devfabris@gmail.com>
Date: Fri, 27 Feb 2026 16:34:05 -0300
Subject: [PATCH 3/3] fix: review

---
 apps/meteor/client/sidebar/Item/Condensed.tsx | 6 ++----
 apps/meteor/client/sidebar/Item/Extended.tsx  | 6 ++----
 apps/meteor/client/sidebar/Item/Medium.tsx    | 6 ++----
 3 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/apps/meteor/client/sidebar/Item/Condensed.tsx b/apps/meteor/client/sidebar/Item/Condensed.tsx
index 956fbbf848aa6..1f9f522d2844e 100644
--- a/apps/meteor/client/sidebar/Item/Condensed.tsx
+++ b/apps/meteor/client/sidebar/Item/Condensed.tsx
@@ -24,12 +24,10 @@ const Condensed = ({ icon, title, avatar, actions, unread, menu, badges, ...prop
 	const handlePointerEnter = () => setMenuVisibility(true);
 
 	return (
-		<SidebarV2Item {...props} onFocus={handleFocus} onPointerEnter={handlePointerEnter}>
+		<SidebarV2Item title={title} {...props} onFocus={handleFocus} onPointerEnter={handlePointerEnter}>
 			{avatar && <SidebarV2ItemAvatarWrapper>{avatar}</SidebarV2ItemAvatarWrapper>}
 			{icon}
-			<SidebarV2ItemTitle unread={unread} title={title}>
-				{title}
-			</SidebarV2ItemTitle>
+			<SidebarV2ItemTitle unread={unread}>{title}</SidebarV2ItemTitle>
 			{badges}
 			{actions}
 			{menu && (
diff --git a/apps/meteor/client/sidebar/Item/Extended.tsx b/apps/meteor/client/sidebar/Item/Extended.tsx
index 449a6748c5eaa..fde211d74f0d0 100644
--- a/apps/meteor/client/sidebar/Item/Extended.tsx
+++ b/apps/meteor/client/sidebar/Item/Extended.tsx
@@ -55,14 +55,12 @@ const Extended = ({
 	const handlePointerEnter = () => setMenuVisibility(true);
 
 	return (
-		<SidebarV2Item href={href} selected={selected} {...props} onFocus={handleFocus} onPointerEnter={handlePointerEnter}>
+		<SidebarV2Item title={title} href={href} selected={selected} {...props} onFocus={handleFocus} onPointerEnter={handlePointerEnter}>
 			{avatar && <SidebarV2ItemAvatarWrapper>{avatar}</SidebarV2ItemAvatarWrapper>}
 			<SidebarV2ItemCol>
 				<SidebarV2ItemRow>
 					{icon}
-					<SidebarV2ItemTitle unread={unread} title={title}>
-						{title}
-					</SidebarV2ItemTitle>
+					<SidebarV2ItemTitle unread={unread}>{title}</SidebarV2ItemTitle>
 					{time && <SidebarV2ItemTimestamp>{formatDate(time)}</SidebarV2ItemTimestamp>}
 				</SidebarV2ItemRow>
 				<SidebarV2ItemRow>
diff --git a/apps/meteor/client/sidebar/Item/Medium.tsx b/apps/meteor/client/sidebar/Item/Medium.tsx
index 4dd37a4456543..3492d4e55de34 100644
--- a/apps/meteor/client/sidebar/Item/Medium.tsx
+++ b/apps/meteor/client/sidebar/Item/Medium.tsx
@@ -23,12 +23,10 @@ const Medium = ({ icon, title, avatar, actions, badges, unread, menu, ...props }
 	const handlePointerEnter = () => setMenuVisibility(true);
 
 	return (
-		<SidebarV2Item {...props} onFocus={handleFocus} onPointerEnter={handlePointerEnter}>
+		<SidebarV2Item title={title} {...props} onFocus={handleFocus} onPointerEnter={handlePointerEnter}>
 			<SidebarV2ItemAvatarWrapper>{avatar}</SidebarV2ItemAvatarWrapper>
 			{icon}
-			<SidebarV2ItemTitle unread={unread} title={title}>
-				{title}
-			</SidebarV2ItemTitle>
+			<SidebarV2ItemTitle unread={unread}>{title}</SidebarV2ItemTitle>
 			{badges}
 			{actions}
 			{menu && (