This is test project to show that Ionic is at this moment not handling the keyboard / input elements correctly on iOS Referring Ionic issue can be found here

How to use this project

Installation

you only need to add sudo if your not using nvm, but you should :)

$ (sudo) npm install -g ionic cordova

To run it on iOS

$ ionic cordova run ios # your might want to add this #  --livereload -- --developmentTeam="<your development time id>" --codeSignIdentity="iPhone Developer"

last test ionic version info

cli packages: (/Users/mischa/.nvm/versions/node/v7.5.0/lib/node_modules)

    @ionic/cli-utils  : 1.12.0
    ionic (Ionic CLI) : 3.12.0

local packages:

    @ionic/app-scripts : 3.0.0
    Ionic Framework    : ionic-angular 3.7.0

System:

    Node : v7.5.0
    npm  : 4.1.2
    OS   : macOS Sierra

Misc:

    backend : pro

What will you see?

You will see the interface that you get when you start a blank project, but with lots of input fields added. I got the fields from this gitrepo (thank you dylan) but create a new project as his was getting a bit dated :)

I have added two super simple counters to the header of the page to show when the this.keyboard.onKeyboardShow() and this.keyboard.onKeyboardHide() are being triggered.

You will also see in the home.ts that I use ChangeDetectorRef.detectChanges(), so angular knows it has to do change detection

This was an eye opener for me, as I did not realise angular was not aware of this change

If you comment the bit of code this.ref.detectChanges() your will see the counters don't update properly

I have linked to this repo from my comment at the issue of ionic that show the status of this problem