RocketChat / RocketChat/Rocket.Chat
Import History table text overlaps on small screens
Open
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 46.1k
- Forks
- 13.9k
- Avg merge
- 3d 3h
- Merged PRs (30d)
- 130
Description
Description:
On the Import History page, table content overlaps when viewed on smaller screens or when importing data with long values (e.g. long file names, usernames, or statuses).
This makes the table difficult to read and breaks the layout.
Steps to reproduce:
- Go to Administration → Import
- Upload an import ZIP containing CSV files with long values (e.g. long usernames or file names)
- Navigate to Import History
- Reduce screen width (tablet/mobile size)
Expected behavior:
- Table content should remain readable
- Long values should not overlap adjacent columns
- Horizontal scrolling should appear when needed
Actual behavior:
https://github.com/user-attachments/assets/85b6888f-052b-4811-be73-f30a49037fce
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 by reproducing the issue in Administration → Import → Import History with long usernames, file names, or statuses at a narrow screen width. Locate the table responsible and verify that long values remain readable without overlapping and that horizontal scrolling appears when needed.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100