title: Mobile Safari scrollTo w/ textarea bug
body: <p>Have stumbled upon what seems to be a bug with how mobile safari renders the cursor when a window.scrollTo() is executed while a user is entering text into a textarea.  Have attached source code which illustrates the issue.  I'm wondering if anyone has any advice on how I might work around this.</p>
  
  <p><strong>The issue:</strong>  If a user is entering text into a textarea and a window.scrollTo() is executed, the cursor remains rendered at the position the textarea <strong>used</strong> to be, not at it's current position.  </p>
  
  <p><strong>To recreate:</strong>  Load the following web page using mobile safari.  Touch the textarea, which will open the keyboard.  Type a couple of characters and wait.  As text is added dynamically to the page, and the window scrolled, you'll see the cursor artifact</p>
  
  <p>Have tried setting the focus() back to the textarea after the scroll, but that doesn't seem to have any effect.</p>
  
  <p>Thanks!</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
    &lt;meta id="viewport" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" /&gt;
    &lt;style type="text/css" media="screen"&gt;
         textarea {
             margin-top:50px;
         }
    &lt;/style&gt;
    &lt;script type="text/javascript" charset="utf-8"&gt;
         window.addEventListener('load', function() {
            setTimeout(addContent,5000);
         }, false);
  
  
         function addContent() {
             var elem = document.createElement('p');
             elem.appendChild(document.createTextNode('Some new text'))
             document.getElementById('newContentContainer').appendChild(elem);
             window.scrollTo(0,20);
             setTimeout(addContent,5000);
         }
    &lt;/script&gt;
   &lt;/head&gt;
   &lt;body&gt;
        &lt;div id="newContentContainer"&gt;&lt;/div&gt;
        &lt;div&gt;
            &lt;textarea&gt;&lt;/textarea&gt;
        &lt;/div&gt;
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here's a photo which shows the problem: <img src="https://farm5.static.flickr.com/4047/4367774363_a30925d7ba_o.jpg" alt="alt text"></p>