element-hq / element-hq/element-web

RTL name in a pill starting a message causes the top-level message container to be RTL

Open
#20,301 0 comments 1 reaction 0 assignees View on GitHub
A-Pills A-Timeline I18n O-Uncommon S-Major T-Defect
Dominant language
TypeScript
Stars
13.5k
Forks
2.8k
PR merge metrics
PR metrics pending

Description

### Steps to reproduce

Find a user whose name contains (starts with?) RTL characters (observed on `وقار (Waqar)`). Mention them by clicking their name, then write a message in English and send it (or just look at the message editor line). Observe how the message is displayed.

### Outcome

![Screenshot_20211221_160429](https://user-images.githubusercontent.com/1027034/146935266-1efe8b75-4868-4ee3-933a-4166502598f7.png)

The text order in this message is weird. In writing order, the mention should have been in the beginning of the first line and the full stop should have been in the end of the second line. I'd expect the mention to be self-contained, not affect the text it's in.

### Operating system

Linux

### Browser information

Firefox Nightly

### URL for webapp

develop.element.io

### Application version

Element version: 30cb0ae96dcd-react-9ac85bcaa364-js-2aae2362e3a8

### Homeserver

matrix.org

### Will you send logs?

No

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.