Sorry, thanks @zero-24 !

I have tested this item ✅ successfully on a53ea69

Tested this by creating a new article with a very long title and a very long text. Before the patch they were not wrapped and running off my screen. After applying the patch, the text and title were nicely wrapped.

Thanks for testing @roland-d (at Joomla Pizza Bugs & Fun, Heerenveen, Netherlands) !

Folks, I had done quite the same for articles display in contact
see #8612
and @Bakual told me to take it off...

Maintainers, please make up your mind...

@infograf768 I "think" that @Bakual gave you bad advice but it was based on your incorrect code
You have

word-break: break-all;
word-wrap: break-word;

Which had the unwanted side effect that was in your PR

This PR just has

word-wrap: break-word;

But I could be talking rubbish

In JMs PR it was pointed out that the title now breaks within a word when it's a title with several words. Which obviously is worse than breaking the line at spaces.
Also I questioned if there really are such ridiculous long titles in practice.
Both together and the fact that the PR dealt with two separate things I asked it to be removed.

I have tested this item 🔴 unsuccessfully on a53ea69

@pe7er I made a new article and used a very long title + article text without spaces or hyphens. It was messing up the layout of the title an also the content of the article. After the PR the title was ok, but the text was not wrapped down an continued on the same line. Then i put in a "read more" , but the text after the "read more" also continued on the same line and did not fit the frame

There is indeed a difference between

.break-word {
    word-break: break-all;
    word-wrap: break-word;
}

which is used in back-end.
and using only

word-wrap: break-word;

as proposed in this patch, which respects spaces AND hyphens when present.
Otherwise, the title expands on one line only.

Basically, if we have no spaces OR hyphens in the title, word-break: break-all; will force cut when reaching the width of the container.

This is a screenshot of backend without word-break: break-all; when there are spaces OR hyphens in the title (see second article from top where we only have hyphens):

and now keeping word-break: break-all;

The best solution would evidently be:

-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;

Alas, Chrome does not respect these...

Whatever is chosen, we should imho normalise between back-end and frontend.

I have tested this item ✅ successfully on a53ea69

Test OK

Based on @Bakual comments I am setting this to Needs Review for a maintainer to make a decision

I have tested this item ✅ successfully on a53ea69