View gets pushed up when keyboard is shown

5 posts, 0 answers
  1. Sergei
    Sergei avatar
    44 posts
    Member since:
    Aug 2012

    Posted 15 Sep 2015 Link to this post

    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.

     

     

  2. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 18 Sep 2015 Link to this post

    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
     

    Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

     
  3. Sergei
    Sergei avatar
    44 posts
    Member since:
    Aug 2012

    Posted 21 Sep 2015 in reply to Tina Stancheva Link to this post

    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

  4. Kaloyan
    Admin
    Kaloyan avatar
    872 posts

    Posted 24 Sep 2015 Link to this post

    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
     

    Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

     
  5. Sergei
    Sergei avatar
    44 posts
    Member since:
    Aug 2012

    Posted 25 Sep 2015 in reply to Kaloyan Link to this post

    Thank you!
Back to Top