element-hq / element-hq/element-web

Hyphenate word when splitting a word over multiple lines

Open
#18,618 3 comments 0 reactions 0 assignees View on GitHub
A-Timeline O-Uncommon S-Minor T-Defect Z-Papercuts
Dominant language
TypeScript
Stars
13.5k
Forks
2.8k
PR merge metrics
PR metrics pending

Description

### Steps to reproduce

1. Have a 960 px wide screen, happen to have the right panel open, see:
![Screenshot from 2021-08-18 12-54-17](https://user-images.githubusercontent.com/51663/129897031-3a0b2791-6ee5-46fe-9521-3d58b640581d.png)

(Note the large amount of space between the text and icon on the right)

### What happened?

The word which is split over two lines is not hyphenated

### What did you expect?

When words are split, they should be hyphenated

### Operating system

Arch Linux

### Browser information

Chromium Version 92.0.4515.131 (Official Build)

### URL for webapp

develop.element.io

### Have you submitted a rageshake?

No

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue at develop.element.io in Chromium with a 960 px-wide screen and the right panel open. Trace the web app's text-wrapping and layout styling to find where the split word is rendered. Done means words broken across lines are hyphenated without leaving the reported excess space beside the right-side icon.

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
40/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.