[Text input field]: When you type a long string into a text input, you cannot view the text that extends past the edge of the text input box. iPhone

[carodew]

In the video below, I've entered a very long email address into the text input field. The last part of the email address extends past the right edge of the input box. I'm trying to scroll over to view the last part of the entry by pressing on the text box, but that just gives me the option to select all / copy / paste / etc.

On select all, the selection highlight extends past the right edge of the box, presumedly to show that the hidden text is also selected.

Video: [link removed, because we can't open share permissions for the file publicly due to GSA policy]

Observed on Apple iPhone 6, iOS 8.4, Safari

[carodew]

Would like to test text boxes on other sites and see how those handle long inputs.

[carodew]

Was able to reproduce this problem on Google's search bar. Further investigation indicates this might be an iOS 8 bug, and not anything to do with the way our site is coded.

Found a couple other GitHub discussions of the same issue:
react-bootstrap/react-bootstrap#1164
twbs/bootstrap#16988

[carodew]

Does anyone know if this is a confirmed iOS 8 bug? I don't really know how to check this.

[carodew]

Going to check a few more text inputs on other sites, maybe some other sites from 18F.

[carodew]

Closing because it's iOS behavior.