IONIC has two problems about word-wrap in ion-item: 1. String would be truncated by the dots appended at the end, how to show full content without dots ? 2. Automatic line breaks and responsive are not working in Firefox (Chrome is ok), how to fix this problem in Firefox ?
<div class="row responsive-sm">
<div class="col">
<div class="item item-body">
<ion-item class="wrap" style="word-wrap: break-word; word-break: break-all;">
#fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion
</ion-item>
</div>
</div>
Any help would be much appreciated. Best Regards. Here is Full HTML to show the problem codepen
For ionic 1:
Add item-text-wrap
class to item.
<ion-item class="item-text-wrap">
some long string
</ion-item>
For ionic 2:
Add text-wrap
attribute to item.
<ion-item text-wrap>
some long string
</ion-item>