Kendo mobile textarea scroller issue

[ruchin]

Hi,
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;">
  <tr>
  <td>
     <textarea id="TxtAreaNotes" style="resize: none" type="text" placeholder="Keep your messages here ..." class="clsTextAreaStyle details"></textarea>
     </td>
     </tr>
     </table>
          </div>
   
    </div>

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????
Thanks,
Ruchin Dayal

[Preslav]

Hello ,

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  to scroll completely when the keyboard is displayed.

I've tried to manually scroll down ($(').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.  

Regards,
Preslav
Telerik by Progress