CODEWITHSUNDEEP
cordovakeyboardphonegap-buildionic-framework
lulu88
lulu88

Reputation: 1714

Ionic/AngularJS/Phonegap Keyboard issue with iOS

We created an app using Ionic Framework, AngularJS, Phonegap Build 3.4

We are having some keyboard issues with iOS - on Android its fine:

ANDROID:

Picture 1: We open a message that we received - the reply bar is in the ion-footer-bar div

picture

Picture 2: We tap on the write a message reply input box - this is correct:

enter image description here

iOS:

Picture 1: We open a message that we received - the reply bar is in the ion-footer-bar div

enter image description here

Picture 2: We tap on the write a message reply input box - this is NOT CORRECT! As you can see the whole screen shifted up and away when they keyboard is up. How can we fix this?

enter image description here

Upvotes: 2

Views: 3674

Answers (2)

lulu88
lulu88

Reputation: 1714

We resolved this finally!! Firstly we had to add this to the ion-footer-bar:

  keyboard-attach

And then we upgraded Ionic to the latest stable release:

  1.0.0-beta.11

Upvotes: 0

Bipin Bhandari
Bipin Bhandari

Reputation: 2692

I think this is the issue related to iOS 7.1 because our build was working fine on iOS. One plain hack could be to use ionic keyboard plugin.

You see there are two events provided by this plugins

native.keyboardshow

    A number keyboardHeight is given on the event object, which is the pixel height of the keyboard.

`native.keyboardhide`

keyboardHeight is sent whenever keyboard appears. You can use this height to resize your main content.

I know this is poor way of solving this issue but it can solve your problem until this issue is solved in framework.

Upvotes: 1

Related Questions