CODEWITHSUNDEEP
ionic-frameworkionic3
Prashant
Prashant

Reputation: 1385

Ionic 3 - ion-slides disappear on keyboard open

I am adding dynamic forms in slider, so that multiple forms can be visible with swap. But when keyboard opens ion-slides is disappears. please suggest a solution.

enter image description here

enter image description here

cli packages: (/usr/local/lib/node_modules)

@ionic/cli-utils  : 1.19.2
ionic (Ionic CLI) : 3.20.0

global packages:

cordova (Cordova CLI) : 8.0.0

local packages:

@ionic/app-scripts : 3.1.8
Cordova Platforms  : android 7.0.0 browser 5.0.3
Ionic Framework    : ionic-angular 3.9.2

System:

Android SDK Tools : 26.1.1
Node              : v9.4.0
npm               : 5.6.0 
OS                : macOS High Sierra

Upvotes: 2

Views: 740

Answers (3)

ltree
ltree

Reputation: 53

I have a similar issue with ion-slide and can confirm that wrapping it in tags solves the issue as per yohoprashant's answer.

The issue only happens in Android but not iOS

Upvotes: 0

Prashant
Prashant

Reputation: 1385

Surprisingly!! output came normal with ion-slides tag surrounded by div tag. If you have any explanation, please share.

enter image description here

Upvotes: 1

user9359038
user9359038

Reputation:

you can use following CSS it will work.

.scroll-content{
margin-bottom: 0px !important;
padding-bottom: 0px !important;
}

Upvotes: 1

Related Questions