Kendo mobile textarea scroller issue

2 posts, 0 answers
  1. ruchin
    ruchin avatar
    33 posts
    Member since:
    Jun 2015

    Posted 03 Aug Link to this post

    I have a view with a textarea .The height of the textarea is dynamically set to the device height on data-show.
    Here is the piece of html code:

    <div data-role="view" id="NotepadView" data-layout="lytHeader" data-init="NotepadViewinit" data-show="onNotepadViewShow" data-use-native-scrolling="true">
            <div data-role="content" style="">
         <table id="tblNotepad" align="center" width="100%" style="padding-left: 5px; padding-right: 5px; padding-top: 15px; padding-bottom: 15px;">
         <textarea id="TxtAreaNotes" style="resize: none" type="text" placeholder="Keep your messages here ..." class="clsTextAreaStyle details"></textarea>

    The textarea is fully filled with text(content) and we are able to scroll the content from top to bottom.The problem arises when the keyboard is open and try to scroll .It does scroll,but it does not scroll fully.As a result I am not able view the content which is there right on top.I need to press the back button and then the keyboard will hide and allow me to scroll the textarea fully.

    How can I solve this issue????
    Ruchin Dayal

  2. Preslav
    Preslav avatar
    39 posts

    Posted 08 Aug Link to this post

    Hello Ruchin,

    I was able to reproduce the issue you described in a pure HTML Cordova project. Unfortunately, I couldn't find any possible solution that will allow the textarea to scroll completely when the keyboard is displayed.

    I've tried to manually scroll down ($('textarea').scrollTop(1000000);) and to hide the keyboard accessories bar but none of the approaches worked for me. I am not sure what would be the best approach to overcome this issue as it is not related to the Kendo UI APIs nor the AppBuilder environment. 

    You might be able to get some suggestions from the development community if you post this problem in SOF or a similar development forum.  

    Telerik by Progress

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

Back to Top