Blank space is seen when the keypad is open in ionic popup in case of iphone

sonakshi_chomal · January 18, 2016, 7:58am

This is how my popup looks initially …when the keypad is not open

Now when the keypad is open , rest of the form gets overlapped by this white space …

On scrolling top the cursor moves in the header from the text field.

This is my HTML …

Help us by sharing reason

X

I offer product(s) of different specification

<div class="tnk-sprt f-center f-padding-b f-size4" ng-show="checked.marked===1">
<textarea placeholder="Specify which detail/specification is missing" rows="5" cols="40" ng-focus="true" ng-model="comment.text">
</textarea>
<a class="button button-stable" ng-click="submitReason()">
  Submit
</a>
</div>

Ionicoser · January 18, 2016, 9:55am

Same problem here on android build. i get an white space when i close the keyboard.

Ionicoser · January 19, 2016, 9:27am

Hi again, install the Cordova Keyboard Plugin:

ionic plugin add ionic-plugin-keyboard

It works. Now i can see only a short delay.

sonakshi_chomal · January 19, 2016, 12:15pm

HI , I already have installed this plugin … the problem in my case is that the blank space appears as soon as the keypad is open … its not there when the keypad is closed …
as you can see in the second screen shot , the keypad is open and the blank screen overlaps the rest of the form due to this blank space the user is not able to scroll the popup properly …