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