[2.0.0-beta8] Screen goes down when keyboard hide

Ionic Framework ionic-v3
1

Hi, I have an issue here.

Take a look!

I’m using a IonToolbar position=“bottom” outside the IonContent.

Anyone could help me?

Thanks!

2

Try adding this to your app.ts file.

import {Platform, Keyboard} from 'ionic-native';

...
    platform.ready().then(() => {
      Keyboard.disableScroll(true)

    });
3

Hi @mhartington !

I did this, but doing this changes the expected behaviour, the keyboard shows in front of the input-text and the user cannot see what he is typing.

I created a new project without any fancy and have the same problem:

<ion-navbar *navbar>
  <ion-title>
    Ionic Beta 8
  </ion-title>
</ion-navbar>

<ion-content padding class="page1">
  <h2>Keyboard problem</h2>
  <div padding *ngFor="let message of messages">{{message.text}}</div>
</ion-content>

<ion-toolbar position="bottom">
  <!--<button>menu</button>-->
  <input #f type="text">
  <button small (click)="addMessage(f)">Send</button>
</ion-toolbar>

I made a plunker and you can test on a device or in the emulator to see the problem happen.

https://embed.plnkr.co/d4iv41OcmqhyqbyrIbsZ/

If you can help me I really appreciate that.

Thanks!