RocketChat / RocketChat/Rocket.Chat

Custom emojis not rendered in sidebar last message preview

Open
#38,449 5 comments 1 reaction 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:

Custom emojis do not render correctly in the Group List sidebar last message preview.
Instead of displaying the custom emoji , the sidebar shows the raw shortcode, for example :custom_emoji_name: Standard Unicode emojis render correctly in the same location.

This issue only affects the sidebar last message preview. Custom emojis render correctly inside the main chat message view and in reaction.


Steps to reproduce:
  1. Upload a custom emoji, for example with the shortcode :rinx:
  2. Open any channel or group.
  3. Send a message containing the custom emoji.
  4. Observe the Group List sidebar on the left.
  5. Check the last message preview for that group.

Expected behavior:

The custom emoji should be rendered as a emoji in the sidebar last message preview,
similar to how:

  • it appears inside the chat message
  • standard Unicode emojis appear in the sidebar
Actual behavior:

The custom emoji is displayed as raw text in the sidebar last message preview, for example :rinx:


Server Setup Information:
  • Version of Rocket.Chat Server: develop branch latest
  • License Type:
  • Number of Users:
  • Operating System: Linux
  • Deployment Method:
  • Number of Running Instances:
  • DB Replicaset Oplog:
  • NodeJS Version: 22.16.0
  • MongoDB Version:
Client Setup Information
  • Desktop App or Browser Version:
  • Operating System: Linux

Additional context
video

https://github.com/user-attachments/assets/34ad6087-6dfe-4b0a-a456-df5e942f994b

Relevant logs:

none.

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 Group List sidebar last-message preview and compare its emoji handling with the main chat message and reaction views, which the issue says render custom emojis correctly. Follow the reproduction steps with a custom shortcode such as :rinx:; done means the sidebar preview renders the custom emoji instead of its raw shortcode while Unicode emoji behavior remains unchanged.

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.