Floating label overlaps with date input

Ionic Framework ionic-v3
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:

Screenshot_3
Screenshot_3.png562×909 29 KB

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: