Kendo Mobile Scroller issue on keyboard typing

[Michele]

Hi,

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.

KeyboardIssue.zip

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?
Thanks
Michele Matriciani

[Tsvetina]

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.

Regards,
Tsvetina
Telerik