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
you only need to add sudo if your not using nvm, but you should :)
$ (sudo) npm install -g ionic cordova
$ ionic cordova run ios # your might want to add this # --livereload -- --developmentTeam="<your development time id>" --codeSignIdentity="iPhone Developer"
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
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