IOS Keyboard click outside page jump

[raducostea]

Hello,

Check out the following video: https://vimeo.com/161755036

First 2 times i am using the Done button from the keyboard to close the keybord which works very nice. The next 2 times i am clicking on the first input, which is a readonly input so i cannot focus. If you see, the keyboard gets closed but the entire page jumps a little. Take a look at the top header bar.

This its a blank ionic 2 application started with command
ionic start testinput blank --v2 --ts

Here is the ionic info
Cordova CLI: 6.1.1
Gulp version: CLI version 3.9.1
Gulp local: Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.3
Ionic CLI Version: 2.0.0-beta.24
Ionic App Lib Version: 2.0.0-beta.14
ios-deploy version: 1.8.5
ios-sim version: 5.0.8
OS: Mac OS X El Capitan
Node Version: v4.4.1
Xcode version: Xcode 7.3 Build version 7D175

This recording was done directly from an Iphone 6 IOS 9.3

The page contains simple elements inside a ion-content

Is there something i can do about this? This happens each time you click outside of an input element. Even a button will behave like that.

[EvanWillms]

I would guess that this shares a root-cause with #5432. What's interesting to me is that the padding added to the ion-content to make space for the keyboard is being removed slowly in this context and not at all in others.

[raducostea]

Yeah, the padding is removed, the issue is that the top of the page jumps only if i click on an element without input. The odd think is that ii attach the keyboard hide event on that element the keyboards slides down nicely.

[jgw96]

Hello all! Is this still an issue with the latest version of ionic 2? Thanks!

[raducostea]

@jgw96,

A temporarily fix for me was adding this inside theme/app.ios.css and disable keyboard scroll.

body {
    position:absolute;
    overflow: auto;
    width:100%;
    height:100%;
}

Not sure if this will do some harm to other components but i have a big app with a lot of components used and everything looks good.

[haroondilshad]

@jgw96 With beta-7 I'm still facing the issue

[jgw96]

@roncan Would you mind updating to the latest release (beta.9) and testing again please? Thanks for using Ionic! There were a couple of changes when we released beta.8, which you can read about here so you will need to do these changes for your app to work with beta.9.

[jgw96]

Hello all! As it seems it has been a while since there was any activity on this issue i will be closing it for now. Feel free to comment if you are still running into this issue. Thanks for using Ionic!