Ion-input loses focus while using bluetooth keyboard

Question

I am working on entering text with Hardware keyboard(Bluetooth connected) connected to iPhone(iOS 9 and iOS 10) in Ionic 3. While entering, The input is losing its focus and even if i try to enter again, It is not taking any input from keyboard. This hardware keyboard is working well in Android phone but not in iOS.

I tried upgrading/re-installing updated keyboard plugin from Cordova. But no luck with that.

The below is my Ionic Info.

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

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

Global Packages:

cordova (Cordova CLI) : 6.5.0

Local Packages:

@ionic/app-scripts : 2.1.3
Cordova Platforms  : android 6.1.2 browser 4.1.0 ios 4.1.1
Ionic Framework    : ionic-angular 3.6.0

System:

ios-deploy : 1.9.1
ios-sim    : 5.0.13
Node       : v7.4.0
npm        : 5.0.3
OS         : macOS Sierra
Xcode      : Xcode 8.3.3 Build version 8E3004b

Misc:

backend : pro

If any ideas, Please let me know. Thank you.

EDIT

I tried with downgrading Ionic from 3.12 to 2.18. Still no luck. Input field still looses focus within milliseconds.

Answer 1

Install the Keyboard plugin. In app.components.ts 's constructor :

platform.ready().then(() => {
   keyboard.hideKeyboardAccessoryBar(false);
});