RocketChat / RocketChat/Rocket.Chat

Unable to write multi-line message only consisting of emojis

Open
#28,395 3 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:

When writing a message consisting of two or three lines with a single emoji on each of the lines, these emojis will be rendered next to each other instead of on top of each other.

Steps to reproduce:
  1. Write this message:
:england:
:scotland:
:wales:
Expected behavior:

image

Actual behavior:

image

Server Setup Information:
  • Version of Rocket.Chat Server: 6.0.0
  • Deployment Method: Docker
  • Number of Running Instances: 1
  • MongoDB Version: 6.0.4
Client Setup Information
  • Desktop App or Browser Version:
    • Google Chrome Version 111.0.5563.65 (Offizieller Build) (64-Bit)
    • Firefox 110.0.1 (64-bit)
    • Electron client 3.8.16
  • Operating System: Windows 10
Additional context

Similar messages spanning over at least four lines work as expected.

However, I expect this issue to be independent from browser and operating system.

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 source files or tests are named in the issue. Reproduce the three-line emoji message in Chrome, Firefox, and the Electron client, then trace the frontend message-rendering entry point. Done means the England, Scotland, and Wales emojis remain on separate lines while longer multi-line messages continue to render correctly.

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.