RocketChat / RocketChat/Rocket.Chat

Directory user bio is clipped without ellipsis

Open Beginner friendly
#42,197 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

type: bug
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:
  1. Go to My Account → Profile.
  2. Set a sufficiently long bio within the 260 character limit and save it.
  3. Open Directory → Users.
  4. Find the user with the long bio.
  5. 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.

Directory user bio clipped without ellipsis
Server Setup Information:
  • Version of Rocket.Chat Server: Development (develop branch)
  • 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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.