RocketChat / RocketChat/Rocket.Chat

Messages with mobile camera images not visible on desktop

Open
#40,438 4 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:

Messages sent from the mobile app with a newly captured camera image attachment are visible on the mobile client, but are not properly rendered on the desktop/web client.

The issue appears to occur specifically when using the in-app camera capture flow on the mobile application.

Steps to reproduce:
  1. Open the Rocket.Chat mobile app
  2. Take a photo using the in-app camera feature
  3. Add a text message/caption
  4. Send the message to a channel or direct message
  5. Open the same conversation from the desktop/web client
Expected behavior:

The message and image attachment should render correctly on both mobile and desktop/web clients.

Actual behavior:
  • The message renders correctly on the mobile client
  • The same message cannot be properly viewed from the desktop/web client
  • The issue appears reproducible consistently
Server Setup Information:
  • Version of Rocket.Chat Server: 8.4.0
  • License Type: Community
  • Number of Users: 100
  • Operating System: Linux
  • Deployment Method: docker
  • Number of Running Instances: 1
  • DB Replicaset Oplog: yes
  • NodeJS Version: v22.16.0
  • MongoDB Version: 8.2.7
Client Setup Information
  • Desktop App or Browser Version: Firefox 150.0.1
  • Operating System: Ubuntu 24.04
Additional context

The issue seems related specifically to messages containing images captured directly from the mobile app camera flow.

Messages sent without camera-captured attachments do not appear to be affected.

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

No files or tests are named; start by reproducing the mobile in-app camera capture flow and compare the resulting attachment with its desktop/web rendering. Done means camera-captured image messages, including captions, render correctly on both mobile and desktop/web clients.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.