C2LC-569: Character Position Text Input Controls and Safari on iOS

Metadata

Source
C2LC-569
Type
Bug
Priority
N/A
Status
To Do
Resolution
N/A
Assignee
N/A
Reporter
Tony Atkins [RtF]
Created
2021-12-15T10:25:52.126-0500
Updated
2024-04-24T14:46:42.007-0400
Versions
N/A
Fixed Versions
N/A
Component
  1. Coding Environment

Description

When navigating to/between the text input character position controls in most browsers (including desktop Safari), the existing value is highlighted, and the user just has to type the new desired value.  In iOS Safari, the cursor is positioned after the existing value, and the user must hit backspace to clear out the existing value.  This seems to be a “feature” of iOS Safari:

https://stackoverflow.com/questions/3272089/programmatically-selecting-text-in-an-input-field-on-ios-devices-mobile-safari

Potential solution/option: instead of text input boxes, use <select> elements, one for column, and one for row. This should result in a UI better optimized for the iPad. We would need to test across browsers to see how the control is presented.

Comments