[v4.0.0-Beta.13] Floating ion-label styles conflict ion-input with placeholder text

[selipso]

The following block of code cases the floating label to float directly on top of the placeholder (with both being visibly overlapping) while there is no focus on the input.

Once focus is added to the input, the label floats to the top as expected. The expected behavior is that the default placement of the label is further up and with smaller font so as not to cover the input.

<ion-item>
    <ion-label position="floating">Search</ion-label>
    <ion-input required type="text" 
      placeholder="Enter search term"
      autofocus="true"
    >
    </ion-input>
</ion-item>

[selipso]

Was just looking through the code to see if I could help solve this. I think it was already fixed as part of: #16036

Keeping this open until that commit gets into the next release.

[manucorporat]

Fixed by a8be529

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.