RocketChat / RocketChat/Rocket.Chat
[BUG] Drag And Drop Not Working For All File Formats
- Dominant language
- TypeScript
- Stars
- 46.1k
- Forks
- 13.9k
- Avg merge
- 3d 3h
- Merged PRs (30d)
- 130
Description
Description:
Our platform supports the Drag and drops feature, where users can drag and simply drop files inside the room.
Steps to reproduce:
- Go To File section From top right file icon

- Drag And Drop Files except for the image.
- It will not drop file inside the room.
Expected behavior:
When users drag any format file, we should provide a dialog box to upload that file again as we do for images.
Like that :
Actual behavior:
Not able to drop other files except images.
When we drag from the files section,
When we drag any file from the direct room,
Server Setup Information:
- Version of Rocket.Chat Server: 4.5.0
- Operating System: Windows 10
- Deployment Method:
- Number of Running Instances:
- DB Replicaset Oplog:
- NodeJS Version: 14.18.3
- MongoDB Version: 4.4.4
Client Setup Information
- Desktop App or Browser Version:
- Operating System:
Additional context
Relevant logs:
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
Reproduce the drag-and-drop flow from both the top-right Files section and a direct room, comparing image files with other formats. Start by tracing the frontend upload and drop entry points used by those two paths. Done means supported file formats can be dragged into a room and trigger the same upload dialog behavior described for images.
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
- 25/100