RocketChat / RocketChat/Rocket.Chat
Directory user bio is clipped without ellipsis
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 46.1k
- Forks
- 13.9k
- Avg merge
- 3d 3h
- Merged PRs (30d)
- 130
Description
Description:
Long user bios in the Directory users table are clipped without showing an ellipsis.
The bio is constrained to the available width, but the text ends abruptly instead of indicating that additional content has been truncated.
Steps to reproduce:
- Go to My Account → Profile.
- Set a sufficiently long bio within the 260 character limit and save it.
- Open Directory → Users.
- Find the user with the long bio.
- Observe how the bio is displayed in the user row.
Expected behavior:
When the bio exceeds the available width in the Directory row, it should be truncated with an ellipsis.
Actual behavior:
The bio is clipped abruptly without an ellipsis.
Server Setup Information:
- Version of Rocket.Chat Server: Development (
developbranch) - License Type: N/A
- Number of Users: N/A
- Operating System: N/A
- Deployment Method: Local development environment
- Number of Running Instances: 1
- DB Replicaset Oplog: N/A
- NodeJS Version: N/A
- MongoDB Version: N/A
Client Setup Information
- Desktop App or Browser Version: Browser
- Operating System: N/A
Additional context
The issue is reproducible on the current develop branch.
The user name and username in the same Directory row are truncated appropriately, while the bio text is clipped abruptly.
Relevant logs:
No relevant server or browser errors were observed. This appears to be a UI rendering issue.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start at the Directory → Users entry point and inspect how the bio is rendered in each user row. Reproduce with a bio longer than the available column width, then verify that the displayed text ends with an ellipsis while shorter bios remain readable.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Active
- Clarity
- Clearly specified
- Newbie friendliness
- 74/100