Layout view shifts on top with focus on the input field in IOS

[ruchin]

Hi All,

I have a layout ​view with many tabs, in one of my tabs there is a view with a listview control. This listview control has input controls like text, textarea or date.
When i select the input fields, the whole layout view shifts on top , i want only the listview to scroll to that input field. I have managed to do it by using animatescrollto  , this works fine in Android.
However in IOS, the animatescrollto is overridden , and the whole layout view shifts on top with focus on the input field.
My client has a problem with this , he does not want the layout view to shift on top as there are other buttons on it.
Let me know if there is any solution for this.

Thanks

Ruchin Dayal

[Martin Yankov]

Hi Ruchin,

Can you please provide some images or a video of the issue you are mentioning since I'm not sure that I understand it correctly. My main concern is the "layout view shifts on top" expression. I don't understand it completely. A video or images will greatly help.

So I can't be sure if we are talking about the same thing, but you can disable web view scrolling when the keyboard shows up with the Telerik Verified Keyboard Plugin. You just need to add it to your project and use this line in the deviceready event handler function:

cordova.plugins.Keyboard.disableScroll(true); // false to enable again

You can easily add the plugin to your project by right clicking on your project -> Manage Packages -> Plugin Marketplace -> Find the Keyboard plugin and click Install.

Let me know if this helps. I'm looking forward to your reply.

Regards,
Martin Yankov
Telerik