Hi! I have a problem with ionic slides and inputs, when I have an input inside a slide to input wont focus when clicking on it.
It works on both Android and iOS Device but when I am running it in a browser it wont work.
I started an tabsapp och only changed the html-file. The first input outside the slide works great.
ionic info
Ionic:
ionic (Ionic CLI) : 4.5.0 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.0.0-beta.17
@angular-devkit/build-angular : 0.10.7
@angular-devkit/schematics : 7.0.7
@angular/cli : 7.0.7
@ionic/angular-toolkit : 1.2.0
System:
NodeJS : v8.11.4
npm : 5.6.0
OS : macOS Mojave
<ion-header>
<ion-toolbar>
<ion-title>
Tab Two
</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-item>
<ion-label position="stacked">Test1</ion-label>
<ion-textarea></ion-textarea>
</ion-item>
<ion-slides [options]="slideOpts" pager="true">
<ion-slide>
<ion-card color="light" style="height: 500px;width: 100%;">
<ion-card-content>
<ion-item>
<ion-label>Test2</ion-label>
<ion-input></ion-input>
</ion-item>
<ion-item>
<ion-label position="stacked">Test3</ion-label>
<ion-textarea></ion-textarea>
</ion-item>
</ion-card-content>
</ion-card>
</ion-slide>
<ion-slide>
<ion-card color="light" style="height: 500px;width: 100%;">
<ion-card-content>
<ion-item>
<ion-label position="stacked">Paj</ion-label>
<ion-input></ion-input>
</ion-item>
<ion-item>
<ion-label position="stacked">Kaka</ion-label>
<ion-textarea></ion-textarea>
</ion-item>
</ion-card-content>
</ion-card>
</ion-slide>
</ion-slides>
</ion-content>