[ionic 4] ion-footer and ion-header has issue with iOS device when keyboard appears


#1

I am facing an issue for ion-footer and ion-header when keyboard is appeared.

The project configruation details are as below:

Ionic:

ionic (Ionic CLI) : 4.1.2 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.0.0-beta.7
@angular-devkit/core : 0.7.3
@angular-devkit/schematics : 0.7.3
@angular/cli : 6.1.3
@ionic/ng-toolkit : 1.0.0
@ionic/schematics-angular : 1.0.0

Cordova:

cordova (Cordova CLI) : 8.0.0
Cordova Platforms : android 6.4.0, ios 4.5.5
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.2.3, (and 17 other plugins)

System:

Android SDK Tools : 26.1.1 (/Users/macadmin/Documents/Android/sdk)
ios-deploy : 1.9.2
ios-sim : 5.0.13
NodeJS : v10.10.0 (/usr/local/Cellar/node@6/6.10.0/bin/node)
npm : 6.4.1
OS : macOS High Sierra
Xcode : Xcode 9.0 Build version 9A235

I have applied below settings in config.xml


Installed keyboard plugin: cordova-plugin-ionic-keyboard 2.1.3

Screen 1: Default View

Screen 2: Once tap on bottom text-area then keyboard is appeared but bottom text-area not visiable

Screen 3: When start to type anything then bottom text-area is visible but header will go out of screen.

Actually, I need to see both header and footer (bottom area) once keyboard is appear or while entering the content.