Only first <ion-slide> is shown is you wrap <ion-slides> in a <form>

What could be causing this?

<ion-slides>
    <form [formGroup]="form1">
        <ion-slide> 
             <p> This slide is shown </p>
       </ion-slide>
        <ion-slide> 
             <p> This slide is NOT shown </p>
       </ion-slide>
    </form>
</ion-slides>

If I do this than the content on the slide is no longer vertically aligned center its aligned at the top of the screen

<form [formGroup]="form1">
    <ion-slides>
        <ion-slide> 
             <p> This slide is shown </p>
       </ion-slide>
        <ion-slide> 
             <p> This slide is NOT shown </p>
       </ion-slide>
    </ion-slides>
</form>
1 Like