Ion-input-password-toggle not showing placeholder for input

[timothywojtylak]

As the title says, ion-input-password-toggle does not show the placeholder for the associated input. Here is an example of the code:

<ion-input label="Password" type="password" label-placement="floating" fill="outline" formControlName="password" placeholder="Password" class="input-radius ion-margin-bottom">
    <ion-input-password-toggle slot="end"></ion-input-password-toggle>
</ion-input>

[twestrick]

Looks like this is a bug with Ionic. From my testing, the label is always floating and the placeholder only shows when you click into the input box. The placeholder only showing when clicking into the input box is normal behavior for a floating label.

I found two related open issues for this:

• bug: input floating label is always floating when using start/end slots · Issue #28665 · ionic-team/ionic-framework · GitHub
• bug: ion-input-password-toggle causes label to float even when input is empty · Issue #29449 · ionic-team/ionic-framework · GitHub

[abdullah12-alt]

thanks, is there any similar solution in ionic , i can use to full fill my requirement