How to stop list content truncation?

This must be happening in CSS, but I can’t figure out where.

If you have text that’s too long in a list it’ll truncate the overflow text with ‘…’. How can I just let the text wrap? It’s not so bad in a list, but in a list card when you’re supposed to be seeing the list item detail it’s silly to also truncate the text there.

I forked Ionic’s list CodePen to show what I mean:

Add the “item-text-wrap” class to your item:


That works perfectly. Thanks!

You can create a nice looking expand effect if you want to display extra info: