ionic 3 -Keyboard pushes the whole screen up

user_6455516 0
Viewed 5354

I build ionic 3 app. I have inputs field and when I press on them to begin to type anything the screen changed..

before

enter image description here

when I press on any input field the screen changed(it's test also in real device) enter image description here

ionic2 ionic3 ionic-framework
2 Answers

You can fix this problem by adding this style to app.scss:

    ion-grid {
      min-height: 100%;
     }

The keyboard resizes Ionic's grid system if you didn't define its minimum height.

user_92169320
Related