When upgrading to Svelte 4 (both 4.0.0 and the newest release 4.2.9) all type="password" ion-inputs lose their styling. This seems to be due to adding the parameters to both the <ion-input> and underlying <input> tags, whereas previously they would only appear on the <input> tags. Removing the type="password" restores the underlying style and functionality.

Additionally, on mobile, this breaks the input keyboard, which gets stuck at the bottom of the screen.

Previous HTML:

After upgrading to Svelte 4:

Example code:

<ion-list>
    <ion-item>
        <ion-input
            name="password"
            type="password"
            label="Password:"
            label-placement="floating"
            autocomplete="current-password"
            autocapitalize="off"
            inputmode="text"
            spellcheck={false}
            clear-on-edit
            required
            />
    </ion-item>
</ion-list