Skip to content

fix(fuselage): Add tooltip to SidebarV2ItemTitle when truncated Channel name#1865

Closed
dodaa08 wants to merge 1 commit intoRocketChat:mainfrom
dodaa08:fix/ToolTipChannelName
Closed

fix(fuselage): Add tooltip to SidebarV2ItemTitle when truncated Channel name#1865
dodaa08 wants to merge 1 commit intoRocketChat:mainfrom
dodaa08:fix/ToolTipChannelName

Conversation

@dodaa08
Copy link
Contributor

@dodaa08 dodaa08 commented Feb 23, 2026

Proposed changes (including videos or screenshots)

This PR adds a lightweight tooltip to the SidebarV2ItemTitle component.

The Problem: When channel names in the sidebar are long, they are truncated with an ellipsis (...), but there was no way for users to see the full name without opening the channel.

Screencast.From.2026-02-24.00-29-52.mp4

After

Screencast.From.2026-02-24.00-29-20.mp4

Add smart tooltip to SidebarV2ItemTitle when truncated

Further comments

For this implementation, I used the native browser
title
attribute to keep the sidebar as lightweight as possible, especially given the high number of items it can contain. I've also ensured that any onMouseEnter prop passed by consumers is still executed correctly.

Does this approach look good to you, or would you prefer using a custom Tooltip component to match the design system more closely? I'm happy to refine this based on your feedback

This adds a lightweight onMouseEnter handler to detect if the channel name is truncated and display the full text using the native browser title attribute.
@changeset-bot
Copy link

changeset-bot bot commented Feb 23, 2026

⚠️ No Changeset found

Latest commit: 7a874c2

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@dougfabris
Copy link
Member

Hi there, thanks for the contribution 🚀

This fix needs to be done on Rocket.Chat side, its just a matter of adding title to the sidebar item

@dougfabris dougfabris closed this Feb 23, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants