title: Possible to scroll caret into view inside a single HTML text field with JavaScript?
body: <p>Knowing the <a href="http://plugins.jquery.com/project/jCaret" rel="noreferrer">jQuery Caret plugin</a>, I'm still seeing no way to do the following on a single line text box in HTML (i.e. the <code>input:type=text</code> control) with JavaScript:</p>
  
  <ol>
  <li>Programmatically inserting text into a text box</li>
  <li>Setting the caret to the end.</li>
  <li><strong>Making the caret visible</strong> (i.e. scroll the text box content)</li>
  </ol>
  
  <p>I know how to do 1. and 2., just for 3. I have found no way of doing it.</p>
  
  <p>To illustrate it:</p>
  
  <p><img src="https://i.stack.imgur.com/n1qYx.png" alt="enter image description here"></p>
  
  <p><strong>My question is:</strong></p>
  
  <p>Is there any way to reliable put the caret at the end of the text <em>and</em> scroll it into the view?</p>
  
  <p>(I can think of simulating pressing the <code>END</code> key or something like that, but I'm unsure whether this would be the best option).</p>