Text overflow inside a list item


#1

I have used some text inside a list item and if the text goes out of the width of the device, then i cannot see the overflow text. The over flow text is appended with dots. I tried changing the CSS for ‘overflow’. But it is not working.
You can check it in the below code base.

Can some one help me on this.


#2

@rajeshwarpatlolla, in this case, try to add the “white-space: normal;” property to ion-item.
By default the white-space is nowrap and that is why you see the text in ellipsis ("…")


#3

Thanks for the solution @meni .