Kendo Mobile Scroller issue on keyboard typing

Thread is closed for posting
2 posts, 0 answers
  1. Michele
    Michele avatar
    3 posts
    Member since:
    Feb 2015

    Posted 29 Mar 2016 Link to this post


    I've noticed a problem in Android and IOS ( not tested in Windows Phone ) when I type in an input text field in a view with a scroller.
    I've attached a simple project to reproduce the issue.

    In components/home/view.html you can find a view with a scroller and random text, with also some input fields.
    To reproduce the issue you can follow those steps:

    1. Tap in an input field to open the keyboard.
    2. Scroll the view.
    3. Now type some letters on the keyboard: if the input field was not visible (because was hidden by the scroller ),now the scroller is recalculated to make the input field visible.
    4. Close the keyboard, typing outside the input field: you can notice that now the scroller doesn't work properly, maybe because it was recalculated in a bad way when it was repositioned to make the field visible.

    I think it can be an OS problem, because the DOM is not modified.
    I found only a solution ( that not always works ): using jquery to hide and show again the content div: in this way the scroller is recalculated and works properly.

    Can you help me?
    Michele Matriciani

  2. Tsvetina
    Tsvetina avatar
    2328 posts

    Posted 01 Apr 2016 Link to this post

    Hi Michele,

    This issue is related to the behavior of the emulated scroller used by default by Kendo UI. You can turn on native scrolling to fix this behavior. You can learn more about the differences between native and emulated scrolling here:
    Native vs. Emulated Scrolling

    Additionally, you can try updating your project to Cordova 4.0 to get event better performance on Android.


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

Back to Top