title: Scrollable textarea in Phonegap/Cordova
body: <p>I have some textarea elements where a user can enter a message to a companion. </p>
  
  <p>These are presented in a modal in the Phonegap WebView.</p>
  
  <p>When the modal is present on screen I disable the scrolling on the WebView body like so:</p>
  
  <pre><code>document.ontouchmove = function(e) {
      e.preventDefault();
  };
  </code></pre>
  
  <p>Likewise when I hide the modal I re-enable it like so:</p>
  
  <pre><code>document.ontouchmove = function(e) {
      return true;
  };
  </code></pre>
  
  <p>The textarea elements do not seem to be able to scroll on touch events.  I looked into this and tried applying the following CSS:</p>
  
  <pre><code>overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  </code></pre>
  
  <p>But this did not help.</p>
  
  <p>When the user enters some long text the textarea moves in line with the amount of text but a user cannot scroll back to a previous position.</p>
  
  <p>Is there a solution to this?  </p>