element-hq / element-hq/element-web

Extra margin above and below big emoji when contained in paragraph

Open
#13,829 0 comments 0 reactions 0 assignees View on GitHub
T-Defect
Dominant language
TypeScript
Stars
13.5k
Forks
2.8k
PR merge metrics
PR metrics pending

Description

### Description

When big emoji in chats is enabled, extra spacing is shown above and below big emoji when it's contained within a paragraph.

```
"formatted_body": "

🙂

",
```

There is no extra spacing when the message does not contain just an emoji.

### Steps to reproduce

These messages are delivered by a bridge, I don't know how to force the emoji to be in `

` tags using riot-web.

### Version information

- both web and desktop

For the web app:

- **Browser**: Chrome, Firefox
- **OS**: Arch Linux
- **URL**: riot.im/develop

For the desktop app:

- **OS**: Arch Linux
- **Version**: 1.6.2 (probably older too)

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue with a chat message whose formatted body is

🙂

, using the web or desktop app described in the report. Trace how big emoji are rendered and styled, then verify that a paragraph containing only one big emoji has no extra spacing above or below while mixed-content messages retain their expected layout.

Written by the indexing model from the issue text.

Assessment

Tech stack
html, typescript
Domain
frontend, web-dev
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.