Keyboard hides input until I start typing

Ionic Framework ionic-v3
24

Actually, it doesn’t matter the HTML, because it looks for the focused input inside the scroll-content, so you can have any number of inputs and it will work, you only have to call this method inside the ionViewDidLoad() of your .ts. The margin parameter is the distance you want to have the inputs from the statusbar:

ionViewDidLoad() {
    this.helper.manageInputFocusScroll(90);
}

As you can see, I created a function into a provider called helper. And inside this helper, I got this as class properties:

keyboardShowSubscription: any = false;
keyboardHideSubscription: any = false;

Also you would need to import the keyboard:

import { Keyboard } from "@ionic-native/keyboard";

And the last step is add this to your app.module.ts:

IonicModule.forRoot(MyApp, {
      scrollPadding: false,
      scrollAssist: false,
      autoFocusAssist: false,
}),

Thats all you have to do, to make this work. Let me know if it works for you.