Virtual keyboard behave as physical keyboard when text field value is overflowed but focus remains
<p>Appologize me if this question have already been asked or if there are other references for this problem. I was Googling for long time but still could not find solution. Still sorry if my heading/ question is confusing. Let me explain the problem first.</p>

<p>I have input fields in which I used a jQuery keyboard plugin but not the physical keyboard. Therefore values assigned to the input fields using this <code>$(&lt;SELECTOR&gt;).val(&lt;VALUE&gt;)</code>. But will say input field size is enough to show only 10 character but its maxlength is 20 characters. Now when I enter characters more than 10 it is getting hidden. </p>

<p><strong>For detail explanation please refer these images and explanations</strong></p>

<p>In this image I have entered <code>a-z</code> but it displays <code>"l"</code> and portion of <code>"m"</code> but still that element has focus (otherwise virtual keyboard will not display).</p>

<p><img src="http://i.stack.imgur.com/lcjkN.jpg" alt="enter image description here"> </p>

<p>But in physical keyboard if we enter those values for the same field it look like this until remove the focus.</p>

<p><img src="http://i.stack.imgur.com/emCNB.jpg" alt="enter image description here"></p>

<p>Now what I need is to display the last entered value when I have the focus to that element and the value of that element is overflowed.</p>

<p><img src="http://i.stack.imgur.com/KWFTg.jpg" alt="enter image description here"></p>

<p>Any solution please (This Virtual Keyboard have been developed by me for our custom requirement so I can do any script changes with this one)</p>

<p>Thanks in advance</p>
