Issue in text input in IOS version of telerik appbuilder

2 posts, 0 answers
  1. Sam
    Sam avatar
    1 posts
    Member since:
    Apr 2015

    Posted 24 Apr 2015 Link to this post



    How to avoid the view from moving to top when a text input gets focused.

    Image Normal.png shows the desired output

    Image Issue.png shows the issue

    This issue occurs on devices only. (Tested on ipad, ipod)

    This issue is replicated using




  2. Anton Dobrev
    Anton Dobrev avatar
    531 posts

    Posted 28 Apr 2015 Link to this post

    Hi Sam,

    Thank you for contacting Telerik support.

    Indeed, this is a behavior that is expected on iOS devices due to the way the WebView handles the focus event on input fields in web pages and hybrid mobile applications. It is implemented with the intent to make visible an input when the keyboard is shown and prevent the keyboard from overlapping the input elements. Usually, there is no need to take further action to prevent this behavior, but in case you need to do this, here are some suggested approaches.

    One of the suggested solutions with pure JavaScript (though using jQuery) is to scroll down the page manually. To do this you can subscribe for the event occurring when focusing the input, as suggested here.

    When working in the context of a hybrid mobile application you can use the custom Keyboard plugin to capture the Keyboard.onshow and/or onhide events to perform the scrolling. Another approach using the plugin would be to disable the scrolling through the plugin.

    I hope that this will be helpful for you. Let me know if I may be of any further assistance.

    Anton Dobrev

    See What's Next in App Development. Register for TelerikNEXT.

  3. DevCraft banner
Back to Top