View gets pushed up when keyboard is shown

[Sergei]

I was testing one of my apps on iOS9 beta and I noticed that whenever keyboard appears, it pushes the view up and things start looking bad. Are there options to control the behavior? I would like to keep the header in place.

 

 

[Tina Stancheva]

Hi Sergei,

Can you please attach a sample project where we can try to replicate the issue. We need more details about the setup of your app - whether you're using Kendo UI, how you've implemented the form, how you've applied a seamless StatusBar in the app, which Cordova version you're using. With this information we can test the behavior and narrow down its cause before discussing fixes.

Thank you in advance for your cooperation.

Regards,
Tina Stancheva
Telerik

 

 

[Sergei]

I simply created a new hybrid project and made one view with some form elements. When you select form element, the keyboard appears and everything gets pushed up.

I published it on Github: https://github.com/sserdyuk/KendoUI-IOS9-Form-Scrolling-Test

[Kaloyan]

Hello Sergei,

Thank you for the sample. The issue clearly reproduces with it.

In attempt to work around the problem, I first tried enabling the Cordova Keyboard plugin from the project's Properties and then setting its shrinkView property to true. However, it seems that the Keyboard plugin integrated in AppBuilder for Cordova 3.7 is rather old and doesn't function very well on iOS 9 devices. In other words, this attempt didn't solve the matter. Next, I checked if newer version of the same plugin will help. Fortunately, after adding the latest Cordova Keyboard plugin version (1.1.2), as a custom one in the project, the behavior corrected itself. This said, here are the exact steps I performed in your project:
​1. Download the latest version of the Cordova Keyboard plugin as an archive from here.
2. Import the downloaded zip file as a custom Cordova plugin in the AppBuilder project, as shown here.
3. On deviceready, insert the following line:

Keyboard.shrinkView(true);

4. Build and deploy the project on iOS 9 device and see if the changes have been applied. 

I hope this helps.

Regards,
Kaloyan
Telerik

 

 

[Sergei]

Thank you!