title: iOS Safari 8 input overflow scroll
body: <p>I have an issue with form fields on mobile Safari, version 8.1. This appears to be a bug with all version of Safari 8 on mobile.</p>
  
  <p>When you type text into an input and that text is then longer than the input itself, the cursor keeps moving right as you type - this is correct. The problem is when you hold to select and try to move left to the text that is hidden, you cannot scroll. Likewise, if you select outside the input, you cannot scroll right to view the hidden text.</p>
  
  <p>Your only choice is to select all and delete.</p>
  
  <p>Any workaround to this problem? I have uploaded a sample page with different input types, the behaviour exists in all of them.</p>
  
  <p>Fiddle: <a href="http://jsfiddle.net/b7kmxaL6/" rel="noreferrer">http://jsfiddle.net/b7kmxaL6/</a> (Visit in mobile safari)</p>
  
  <pre><code>&lt;form action=""&gt;
      &lt;fieldset&gt;
          &lt;input type="text" class="text"&gt;
          &lt;input type="email" class="email"&gt;
          &lt;input type="password" class="password"&gt;
      &lt;/fieldset&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/Zm7lJ.png" alt="I cannot scroll right when I click and try to drag right, happens on the simulator and on an iOS device running safari 8.x"></p>