Han Arantes Han Arantes - 4 months ago 17
CSS Question

How to display big texts inside ionic radio button?

I have an application in which I need to have some ionic radio, the problem is that when the text is too long , it does not appear completely!

Screenshot:
enter image description here

I try to put the follow attributes:

style="overflow: initial; white-space: initial;"


but it doesn't work :/

So my question is, what changes i need to do in order to display the full text inside the ion radio?

Answer

Fast solution: Just add class="item-text-wrap"

Another solution: The correct answer that solved my problem was add the follow css:

 .wrapping-list .item-content, .wrapping-list .item {
    overflow: initial;
    white-space: initial;
}

and give the class="wrapping-list" to every ion-radio!