Find a solution for text truncation and ellipsis

[andresgalante]

The new list is an open component that can take anything inside.

When used as a resource list, the title and subtitle should be truncated.

This issue is to find a solution to do that.

[andresgalante]

After testing a bunch of possible solutions, I don't see a reliable and consistent way to do it with CSS, mainly because there is a need to measure the width of the container of the element.

I suggest looking for a JS solution that we can use in any element to ellipse/truncate any string of text.