Ion-label and ion-input placeholder both merge

if use ion-label as float and ion-input placeholder both at the same time. i get the following few.


here’s the code:

<div *ngFor="let job of jobs; index as i">
      <ion-label floating>Job # {{i + 1}}</ion-label>
      <ion-input type="text" placeholder="Write here" [(ngModel)]="job.answer"></ion-input>

if i click inside the input, then label & placeholder seperates.


ion-label and ion-input’s placeholder shouldn’t need to merge together. Right ???

if you are using floating label then there is no meaning of placeholder
you must use only 1 for your textbox
use of both is not meaningfull anymore !!!

You could use the stacked position


      <ion-label floating >Server</ion-label>

      <ion-label stacked>Port</ion-label>
      <ion-input placeholder="21"></ion-input>

The input will be shown like the floating position