Hyphenate word when splitting a word over multiple lines

[kittykat]

Steps to reproduce

1. Have a 960 px wide screen, happen to have the right panel open, see:
   

(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

[t3chguy]

This has a bit more complexity because it depends on the language of the message, we can turn on hyphenation which would have the browser hyphenate/not based on your app/browser language settings, but for any polyglots this would fall apart when different rooms use different languages

Relevant doc https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens

[kittykat]

I think failure for some cases is better than just wrapping text mid-word for everyone?

[t3chguy]

I think the mid-word wrap will only happen if the word is too long on its own for the line.
In the OP screenshot the viewport is tiny. They could opt to hide read receipts in Settings to recover some width.

Related #8716 #6488