Don't truncate actual text (file names)

[jamesshannon]

Truncation of file names tends to make it really difficult to track down the source. For example:

What file is that? Where did it come from? How can I view it?

You should rely on CSS to do the truncation, and probably set the title attribute for hovering purposes. I believe that when CSS-truncated text is copied then it copies correctly. Because it's important to be able to view the file contents for greater context. Maybe it should be a link?

[ebidel]

Using title to show the full URL on hover is a good idea. We do that in a couple of other formatters: https://github.com/GoogleChrome/lighthouse/blob/master/lighthouse-core/report/partials/cards.html#L5.

[patrickhulce]

Need better UX on displaying URLs as a whole.

[AymenLoukil]

Google speedinsight is making good selectable/copiable links when hover :)

[AymenLoukil]

Just a simple hover text would be fine to copy the url :https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_tooltip

[connorjclark]

These items are now anchor elements, so it's clear what the resource is now. Closing. #9224