The Content of a Link is too Long in Comments Page

[zjhzxhz]

If there's a link in a comment, the link will be displayed in comments page in backend.

For example I have a coment:

Suppose a [link](​http://VeryVeryLongUrl.VeryVeryLongUrl) have very long url and other content.

And the content of comment will be displayed as the screenshot below.

A way to fix it is add overflow: hidden; for #the-comment-list td.comment class in CSS.

[ocean90]

Hello @zjhzxhz, thanks for your report. It seems like you have Akismet installed?

WordPress displays the link only on the moderate screen, see #36380. But I can confirm that the issue exists there too. Looks like we should add something like word-break: break-all;.

[rachelbaker]

Add word-break: break-all to urls on Moderate Comment screen

[rachelbaker]

It doesn't look like the word-break: break-all is actually needed at all. In Chrome 51.0.2704.63 beta (64-bit), I see no difference with or without the patch.
Screenshot without patch: ​https://cloudup.com/cPwL4iSJScZ
@ocean90 Are you seeing something different?

[ocean90]

@rachelbaker Right, line breaks in text can occur for certain characters, like spaces or hyphens. The example in the screenshots doesn't contain such characters.

[rachelbaker]

Aha!

Without patch:

With patch:

[rachelbaker]

In 37607:

Comments: Break the inline display of comment content urls on the Moderate Comment screen

Uses the CSS rule word-break: break-all.

Fixes #36568.