Form jumps when an input is selected

Ionic Framework ionic-v3
1

Anyone experience this issue?

I am testing it on ionic view on iphone 7 plus.

image

2

help anyone? thanks bros

3

Hi, Iā€™m facing exactly the same problem on all ios devices running ios 10.3. I already tried installing ionic-plugin-keyboard with disableScroll(true) and tried nearly any other solution I found with google - but with no luck.

image

It is a normal list with items as shown in the examples in the ionic docs inside a ion-card, nothing special. I also tried it without ion-card, same problem.

Small snippet:

<ion-item>
    <ion-label>Vorname*</ion-label>
    <ion-input type="text" formControlName="Vorname"></ion-input>
</ion-item>
<ion-item>
    <ion-label>Name*</ion-label>
    <ion-input type="text" formControlName="Name"></ion-input>
 </ion-item>

My Specs

Cordova CLI: 6.5.0
Ionic Framework Version: 2.3.0
Ionic CLI Version: 2.2.2
Ionic App Lib Version: 2.2.1
Ionic App Scripts Version: 1.1.4
ios-deploy version: 1.9.1
ios-sim version: 5.0.13
OS: macOS Sierra
Node Version: v7.6.0
Xcode version: Xcode 8.3 Build version 8E162

Has someone a working solutions for this problem?

4

Iā€™m facing the exact problem on android 7

Ionic Framework Version: 2.3.0
Ionic CLI Version: 2.2.2

5

I am finding it 2 years later, I am on Ionic 4 and my screen jumps every time I click on the input field. Did anyone find the solution since then?

1 Like
6

Still no solution for this problem ?
Related post : Ionic 4 ā€“ Keyboard scroll view when ion-input is focused