RocketChat / RocketChat/Rocket.Chat

Web client using full-size images for image thumbnails/previews

Open
#21,918 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
46.1k
Forks
13.9k
Avg merge
3d 3h
Merged PRs (30d)
130

Description

Description:

When uploading an image through the web client (not sure about mobile, but believe it's no different), the thumbnail is not resized to a smaller version, but rather it's the full-size (shrunk to fit, but still the full-size image). This makes loading chats with images slow due to loading the full size for all thumbnails.

Steps to reproduce:
  1. Upload an image into a chat
  2. Use F12 dev tools to note the size/dimensions of the actual thumbnail file
Expected behavior:

A smaller/resized thumbnail should show inline with the chat (clicking should obviously open a larger size)

Actual behavior:

image

Server Setup Information:
  • Version of Rocket.Chat Server: 3.14
  • Operating System: Ubuntu
  • Deployment Method: native

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

The issue names no files, tests, or entry points. Start by reproducing the upload flow in the web client and inspect the thumbnail request in browser developer tools; done means inline images load a smaller resized file while clicking still opens a larger image.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, performance
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.