When typing in numbers into a text box, especially when you are right-aligning the text, it requires some dexterity to edit what you entered. With fat fingers, having to select to the right of a single digit entry in order to use the back space button is not easy. One of my users has asked if it is possible to touch a field and have the existing text selected such that when typing in the revised entry it automatically overwrites what was previously entered - in other words, exactly like a browser-based form when you tab to the next field? This sounds logical to me, although I'm not sure whether this represents best practice for touch interfaces.
I have a fix that works on a desktop browser: (http://jsfiddle.net/NNqyF/) but this doesn't work in TField. Any thoughts on how to approach this?
The select() method does not behave the same on mobile web browsers as it does on desktops. One possible option is to use setSelectionRange(0, 9999) instead although this will only work on certain input types.
See this page for a bit more info: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/select
With all of that said, I would suggest you avoid this implementation as it will result in an unusual behaviour that is not familiar to users.
Mobile browsers have typically been designed to get around this issue in other ways. For example a long press on iOS results in a magnifying glass that makes text selection easier. Once this long press is released a 'Select All' option is also presented. Similar behaviour is also present on Android devices.
Thanks Jye - much appreciated.