How to stop list content truncation?

ionic-v1
1

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:

2

Add the “item-text-wrap” class to your item: http://codepen.io/anon/pen/aDmIe

3 Likes
3

That works perfectly. Thanks!

4

You can create a nice looking expand effect if you want to display extra info: http://codepen.io/infoxicator/pen/QyVoZx