Hi.

The following code…

Code

        <div id="container">
            <ion-grid>
                <ion-row>
                    <ion-col size-md="6" offset-md="3" size-lg="4" offset-lg="4">

                        <ion-card class="ion-padding-top ion-padding-bottom">
                            <ion-card-header>
                                <ion-card-title> Effettua l'accesso </ion-card-title>
                                <ion-card-subtitle> Inserisci i tuoi dati </ion-card-subtitle>
                            </ion-card-header>

                            <ion-card-content>
                                <ion-item>
                                    <ion-label position="floating"> Utente </ion-label>
                                    <ion-input v-model="user.auth_name" type="text" placeholder="Nome utente o email" clear-input></ion-input>
                                </ion-item>

                                <ion-item>
                                    <ion-label position="floating"> Password </ion-label>
                                    <ion-input v-model="user.auth_password" type="password" placeholder="" clear-input></ion-input>
                                </ion-item>
                            </ion-card-content>

                            <ion-card-content>
                                <ion-button @click="userSignin" color="primary"> Accedi </ion-button>
                            </ion-card-content>

                            <ion-card-content>
                                <p> Hai dimenticato i dati? Recuperali adesso. </p>
                            </ion-card-content>
                        </ion-card>

                    </ion-col>
                </ion-row>
            </ion-grid>
        </div>

…generates this result on my Mac:

Mac

Screenshot 2021-08-20 at 15.13.402880×1600 189 KB

iPhone 12 mini

But on my iPhone 12 mini (hardware, no virtual device) I got this:

IMG_0870.PNG1125×2436 94.7 KB

Can you see the background under the sign-in fields?
It’s visible only on my “physical” phone, instead it isn’t on the iPhone 12 mini (virtual device) on Xcode.

Questions

1. Why is it visible on my phone?
2. How should I remove it “properly”?

Thank you,
Niccolò

1 post - 1 participant

Read full topic