Hi all
I tryed to make a register page with some using an
My problem is that when I try to fill the inputs, the gets an insane amount of padding-bottom
It goes from 16px that normally has, to 300px and I can’t see the input I’m writing in and the other one below.
Someone knows how to solve it?
Thats my code:
<ion-content padding>
<ion-slides>
<ion-slide>
<img src="../../assets/imgs/student.png">
<ion-list>
<ion-item>
<ion-label floating>Nome</ion-label>
<ion-input type="text"></ion-input>
</ion-item>
<ion-item>
<ion-label floating>Cognome</ion-label>
<ion-input type="text"></ion-input>
</ion-item>
</ion-list>
<button ion-button block (click)="goToNextSlide()" col-10 offset-1>Avanti</button>
</ion-slide>
<ion-slide>
<img src="../../assets/imgs/school-material.png">
<ion-item>
<ion-label>Facolta'</ion-label>
<ion-select interface="action-sheet">
<ion-option>A</ion-option>
<ion-option>B</ion-option>
<ion-option>C</ion-option>
<ion-option>D</ion-option>
<ion-option>E</ion-option>
<ion-option>F</ion-option>
</ion-select>
</ion-item>
<button ion-button block (click)="goToNextSlide()" col-10 offset-1>Avanti</button>
</ion-slide>
<ion-slide>
<img src="../../assets/imgs/desktop.png">
<ion-list>
<ion-item>
<ion-label floating>E-mail</ion-label>
<ion-input type="email"></ion-input>
</ion-item>
<ion-item>
<ion-label floating>Conferma E-mail</ion-label>
<ion-input type="email"></ion-input>
</ion-item>
<ion-item>
<ion-label floating>Password</ion-label>
<ion-input type="password"></ion-input>
</ion-item>
<ion-item>
<ion-label floating>Conferma password</ion-label>
<ion-input type="password"></ion-input>
</ion-item>
</ion-list>
<button ion-button col-10 offset-1>Avanti</button>
</ion-slide>
</ion-slides>
</ion-content>