<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - REGRESSION: Can't move cursor to start of text after entering long string of text into <input type=text>"
href="https://bugs.webkit.org/show_bug.cgi?id=148061">148061</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>REGRESSION: Can't move cursor to start of text after entering long string of text into <input type=text>
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>528+ (Nightly build)
</td>
</tr>
<tr>
<th>Hardware</th>
<td>iOS
</td>
</tr>
<tr>
<th>OS</th>
<td>iOS 8.2
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Major
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>Forms
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>webkit@rebertia.com
</td>
</tr></table>
<p>
<div>
<pre>Platform: iOS 8.4
Hardware: iPhone 5S
Original Bootstrap issue: <a href="https://github.com/twbs/bootstrap/issues/16988">https://github.com/twbs/bootstrap/issues/16988</a>
To reproduce:
1. Open <a href="http://jsfiddle.net/cvrebert/cjn5n4z2/show/">http://jsfiddle.net/cvrebert/cjn5n4z2/show/</a> in iOS Safari.
2. Tap into the text input.
3. Type in a long string of text, such that the start of the text has been pushed to far to the left that it's no longer visible.
4. Attempt to move the cursor towards the start of the text by long pressing within the input and then, without taking your finger off the touchscreen, moving your finger beyond the left edge of the text input field.
Expected result:
The text in the input should start moving to the right, so that eventually the beginning of the text is reached.
Actual result:
The text in the input does not start moving to the right.
--------
Copy of JS Fiddle testcase:
HTML:
<br /><br />
<input type="text" />
CSS:
input {
/*ensure there's some empty space on both sides of the input*/
position: relative;
left: 33%;
width: 33%;
}</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>