Floating label overlaps with date input


#1

Here’s my code:

<ion-item class="signup-input">
        <ion-label floating><ion-icon name="calendar"></ion-icon> Birthday</ion-label>
        <ion-input [(ngModel)]="birthday" name="birthday" type="date" value=""></ion-input>
</ion-item>

Here’s how it looks like:

I’m using ionic cordova run browser to emulate on chrome. What am I doing wrong here? Please help :sweat_smile:


#2

Try removing value="" or ngModel. Choose one or the other. Setting both on an input has unwanted effects if I’m not mistaken.


#3

solved it. it was just a matter of platform. this was run on browser, but when I emulated on android it worked fine :sweat_smile: