linkedin / linkedin/css-blocks

Text overlays emojis if no space is applied

Open
#555 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
6.3k
Forks
154
PR merge metrics
No merged PRs in 30d

Description

Today when commenting something with an emoji, if the space between the text and the emoji is erased, the text is overlapping the emoji.
Below I send an example.

Text used:
🚫LinkedIn🚫emoji🚫overlay🚫test

Example:
![Captura de Tela 2022-02-12 às 20 37 38](https://user-images.githubusercontent.com/62475727/153732390-60743302-4e25-4925-aa6a-ea33661d75c7.png)
![Captura de Tela 2022-02-12 às 20 37 44](https://user-images.githubusercontent.com/62475727/153732393-10431e1b-ee33-4d39-b365-db4cdcef7683.png)
![Captura de Tela 2022-02-14 às 14 35 35](https://user-images.githubusercontent.com/62475727/153916544-97f69f9e-cded-49b1-96de-f14270e78a6a.png)

Contributor guide

Open the contributing guide

Research direction

No source file or test is named in the issue. Reproduce the reported text with adjacent emojis and inspect the text-rendering and styling path in the repository. Done means text and emojis remain separated and readable without requiring spaces.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 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.