“@ionic/angular”: “4.8.1”,
“@angular/core”: “7.2.2”
Hi all,
I have troubles with form labels that contain longer texts. Take the following example:
<ion-list>
<ion-list-header>
<ion-text>DummyList</ion-text>
</ion-list-header>
<ion-item>
<ion-label position="floating" class="ion-text-wrap">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. In iste fuga reiciendis ullam quibusdam
voluptates sed quod, odit totam, suscipit atque modi officia nostrum rem eaque tenetur dolore consequuntur nesciunt?
</ion-label>
<ion-input type="text"></ion-input>
</ion-item>
</ion-list>
Here is what it looks like without focus:
Please note the truncated text and the immense space between the title and the label.
Here is what it looks like with focus:
Please note the misalignment and overlapping text.
Other positions like “stacked” also misbehave.
Any help will be greatly appreciated.
~Chris