I have a page filled with text fields. Some of them are dynamic. Whenever I tap on a text field or programmatically bring the focus to a field, the keyboard opens up and the text field on focus scrolls above the keyboard. All of this is working in other versions of ios except ios12.
In ios 12, when the keyboard closes, the UI looks fine but on inspecting the ui in xcode, the html element and its child ion-app takes only a fraction of the screen (space other than the portion occupied by keyboard when it was open). The elements are seen in right position but the events bound to them dont work when you tap on them but works when you tap a few inches above(position where they would be when the keyboard is open).
The following image is the html element inspected from xcode before opening the keyboard.
The following is the same element inspected after closing the keyboard
This issue does not happen when I set keyboard.disableScroll(true). But then, the keyboard scrolls above the inputs and hides them. That is also not desirable.
Also, I have set in config.xml. So the screen doesn’t actually resize when the keyboard pops up.
Any help here is greatly appreciated. Please find my environment info below.
cli packages: (/node/v8.10.0/lib/node_modules)
@ionic/cli-utils : 1.19.2 ionic (Ionic CLI) : 3.20.0
cordova (Cordova CLI) : 8.0.0
@ionic/app-scripts : 3.1.8 Cordova Platforms : android 7.0.0 ios 4.5.5 Ionic Framework : ionic-angular 3.9.2
Node : v8.10.0 npm : 5.6.0 OS : macOS Xcode : Xcode 10.0 Build version 10A255