Issue
IONIC has two problems about word-wrap in ion-item:
- String would be truncated by the dots appended at the end, how to show full content without dots ?
- 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>
</div>
Here is Full HTML to show the problem codepen
Solution
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>
Answered By - Mudasser Ajaz
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.