22299624: Can't move cursor to start of text after entering long string of text into <input type=text>

[openradar-mirror]

Description

Summary:
If the width of the text within an is longer than the width of the element itself, it's not possible for the user to scroll the cursor to the start of the text.

Steps to Reproduce:

1. Open http://jsfiddle.net/cvrebert/cjn5n4z2/show/ 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 Results:
The text in the input should start moving to the right, so that eventually the beginning of the text is reached.

Actual Results:
The text in the input does not start moving to the right.

Version:
iOS 8.4

Notes:
WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=148061
Original Bootstrap issue: twbs/bootstrap#16988

Configuration:

Attachments:

Product Version: iOS 8.4
Created: 2015-08-15T22:26:52.381690
Originated: 2015-08-15T00:00:00
Open Radar Link: http://www.openradar.me/22299624

[FahdSaif]

Having the same issue, anyone found a solution?

[aleen42]

I have tried to use content-editable elements and Hammer to implement one, but there are still some side effects needed to solve.

[DJSAMPAT]

This has apparently been fixed.

Apple Developer Relations
January 26 2018, 1:50 AM
The original report on your issue has been closed recently. Please note that you will not be able to directly view the original report in order to keep its information confidential.