Ionic - In iOS the bottom input fields get hidden when keyboard opens

Ionic Framework Ionic Angular
1

I would like to know why the ion-input fields in bottom of the form gets hidden instead of scrolling top when keyboard opens. This works fine in android. Not working in iOS. Kindly suggest how can I fix this.

2

What version on Ionic are you running? You can paste the results from ionic info. There were improvements made in v7.0.0. I’ve had much better results in v7 with the inputs moving up when the keyboard opens.

  • input, textarea: padding is now added to content so inputs scroll above keyboard (#25849) (ba6b539), closes #18532
3

Given below is the result of ionic info.

Ionic:

Ionic CLI : 5.4.16 (/usr/local/lib/node_modules/ionic)
Ionic Framework : not installed
@angular-devkit/build-angular : 15.2.8
@angular-devkit/schematics : 15.2.8
@angular/cli : 15.2.8
@ionic/angular-toolkit : 5.0.3

Capacitor:

Capacitor CLI : 5.0.3
@capacitor/core : 5.2.1

Utility:

cordova-res : not installed
native-run (update available: 2.0.0) : 1.7.2

System:

NodeJS : v18.16.0 (/usr/local/bin/node)
npm : 9.5.1
OS : macOS Unknown

4

Ionic Framework : not installed

So you aren’t using Ionic? I am unfortunately not familiar with Angular and don’t know what @ionic/angular-toolkit is.

Are you using the @ionic/angular package and ion-input?

5

Yes. Using ionic/angular and ion-inputs. My problem got resolved when i upgraded my ionic from version 5 to version 7. Thanks for replying.

1 Like