Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-10089] MobileWeb: Textfield - does not size properly and hintText never appears in IE9

GitHub Issuen/a
TypeBug
PriorityMedium
StatusClosed
ResolutionFixed
Resolution Date2012-08-16T14:18:14.000+0000
Affected Version/sRelease 3.0.0
Fix Version/sSprint 2012-16 API, Release 3.0.0
ComponentsMobileWeb
Labelsapi
ReporterJon Alter
AssigneeBryan Hughes
Created2012-07-23T12:32:10.000+0000
Updated2012-08-16T14:28:41.000+0000

Description

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();

Comments

  1. Bryan Hughes 2012-08-07

    Pull Request: https://github.com/appcelerator/titanium_mobile/pull/2692
  2. Lokesh Choudhary 2012-08-10

    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.
  3. Bryan Hughes 2012-08-13

    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
  4. Lokesh Choudhary 2012-08-13

    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.
  5. Bryan Hughes 2012-08-13

    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.

JSON Source