Issues with ion-text-wrap

@ng-Chris wrote:

“@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

Posts: 1

Participants: 1

Read full topic