Search code examples
ionic-frameworktextword-wrapionic5ion-item

ion-text-wrap not working inside ion-item and ion-row

In my Ionic 5 app when I am using text inside ion-item or ion-row with class ion-text-wrap, the text is not wapprd. I am trying the following ways.

    <ion-item>
        <ion-label class="ion-text-wrap">
            {{myText}}
        </ion-label>
    </ion-item>


    <ion-item class="ion-text-wrap">
            {{myText}}
    </ion-item>

enter image description here

Solution

  • Use just text-wrap, instead of class="ion-text-wrap"

    <ion-item>
        <ion-label text-wrap>
            {{myText}}
        </ion-label>
    </ion-item>