Internet Explorer 9 has issues with Ti.UI.TextField.
Textfields do not size properly and hintText never appears if assigned.
Steps to reproduce:
Step 1: run the code below for MobileWeb on IE9
Step 2: note the single view in the window.
Step 3: Notice that the hiddenText is not visible (probable bug)
Step 4: Notice that the red rectangle is the border for the textfield, yet the textfield part is smaller.
Step 5: Notice that the red border has the correct dimensions in the textfield properties.
Step 6: Notice the textfield part has incorrect dimensions.
var win = Ti.UI.createWindow({
backgroundColor:'#555'
});
var text = Ti.UI.createTextField({
borderWidth: 1,
borderColor: '#F00',
hintText: 'required',
width: 200,
height: 50
});
win.add(text);
win.open();
Pull Request: https://github.com/appcelerator/titanium_mobile/pull/2692
Reopening because issue is still seen on Win 7 - IE9 using SDK 2.2.0.v20120810132430. 1.HintText is not visible. 2.Red rectangle is the border for the textfield, yet the textfield part is smaller. 3.Textfield part has incorrect dimensions.
Note: this ticket is really for two separate issues. The PR addresses the sizing (although I'll check and see if it's still broken), and the hintText is the second. IE9 doesn't support hintText, so we filed a separate ticket to shim it: TIMOB-10374
Closing as the issue as the textfield size does not depend on the border of the text field & the hint text not shown has a separate bug TIMOB-10374.
For clarification's sake: the textfield size *does* depend on the border and sizes itself accordingly. The *cursor* in the textfield depends on font size, and so *does not* depend on the border size. The cursor size is unrelated to the textfield size.