CODEWITHSUNDEEP
ionic-frameworkionic-keyboard
Leela Prasad Sahu
Leela Prasad Sahu

Reputation: 51

Ionic iOS input field is getting hidden behind keyboard

I am trying to show ion-input at the bottom of page but It is getting hidden behind keyboard when keyboard visible after getting focus on same ion-input. Ionic page content is not getting scrolled up when keyboard visible. Kindly provide any solution.

Thanks!

Upvotes: 1

Views: 2494

Answers (2)

Suresh Kumar Ariya
Suresh Kumar Ariya

Reputation: 9764

Using Ionic-Native keyboard plugin, We can disable this setting.

this.keyboard.disableScroll(false);

Upvotes: 0

CodeChanger
CodeChanger

Reputation: 8351

I am facing same issue in my app and I apply below solution to show my input on top of the screen.

Use overflow property to scroll your content to top.

overflow-y: scroll;

Also if your app is in fullscreen mode you need to remove (file : config.xml) below line.

<preference name="fullscreen" value="true" />

still facing any problem you can refer this ionic thread in this thread lots of tricks and tips mentioned to overcome this issue.

Thread Link : https://forum.ionicframework.com/t/scroll-to-the-focused-item-input-when-the-keyboard-is-up/422/15

Hope this will helps!

Upvotes: 0

Related Questions