[TIMOB-2251] Android: bottom border of textfield is thicker than the rest

GitHub Issue	n/a
Type	Bug
Priority	Medium
Status	Closed
Resolution	Fixed
Resolution Date	2012-07-12T12:08:15.000+0000
Affected Version/s	Release 2.1.0
Fix Version/s	Release 3.0.0
Components	Android
Labels	api, module_textfield, qe-testadded
Reporter	Paul Dowsett
Assignee	Neeraj Gupta
Created	2011-04-15T03:14:50.000+0000
Updated	2013-09-25T09:12:34.000+0000

Description

See http://gist.github.com/660457">this revised version of textfield_borders.js from the KS and a screenshot http://yfrog.com/f/86screenshot090cp/">here that demonstrate this issue.

textArea may well be exhibiting the same problem, although I haven't had a chance to check.

Comments

hal 2011-04-15

Note that when setting the textfield borderWidth to 3, it appears that the side widths are one pixel greater than the bottom, and the top is one pixel greater than the sides.
See this http://yfrog.com/65screenshot091ep">screenshot.
Josh Roesslein 2012-07-12

Fix for TIMOB-9469 appears to resolve this issue.
Tamila Smolich 2012-08-17

Closing as fixed. Tested and verified on: Titanium Studio, build: 2.1.1.201208091713 Titanium SDK, build: 2.2.0.v20120817135712 Devices: Nexus 7 tab (4.1.1), HTC Evo (4.0.3)

Tamila Smolich 2012-08-17

For QE, use this code:

   var win = Titanium.UI.createWindow();
   win.backgroundColor = 'white';
   var scrolly = Titanium.UI.createScrollView({
   	contentHeight:'auto',
   	layout: 'vertical'
   	});
   win.add(scrolly);
   win.open();
   
   var tf1a = Titanium.UI.createTextField({
   	value:'rounded border a',
   	height:100,
   	top:10,
   	left:10,
   	width:250,
   	borderColor:'red',
   	borderStyle:Titanium.UI.INPUT_BORDERSTYLE_ROUNDED
   });
   
   var tf1b = Titanium.UI.createTextField({
   	value:'rounded border b',
   	height:100,
   	top:10,
   	left:10,
   	width:250,
   	borderColor:'red',
   	borderRadius:3
   });
   
   var tf2 = Titanium.UI.createTextField({
   	value:'bezel border',
   	height:100,
   	top:10,
   	left:10,
   	width:250,
   	font:{fontSize:25},
   	borderStyle:Titanium.UI.INPUT_BORDERSTYLE_BEZEL
   });
   
   
   var tf3 = Titanium.UI.createTextField({
   	value:'line border',
   	height:100,
   	top:10,
   	left:10,
   	width:250,
   	font:{fontSize:15},
   	borderStyle:Titanium.UI.INPUT_BORDERSTYLE_LINE
   });
   
   
   var tf4 = Titanium.UI.createTextField({
   	value:'no border',
   	height:100,
   	top:10,
   	left:10,
   	width:250,
   	borderStyle:Titanium.UI.INPUT_BORDERSTYLE_NONE
   });
   
   
   var tf5 = Titanium.UI.createTextField({
   	hintText:'custom background image',
   	height:32,
   	top:275,
   	backgroundImage:'../images/inputfield.png',
   	paddingLeft:10,
   	left:10,
   	width:250,
   	font:{fontSize:13},
   	color:'#777',
   	clearOnEdit:true
   });
   
   // add iphone specific tests
   //if (Titanium.Platform.name == 'iPhone OS')
   //{
   	scrolly.add(tf1a);
   	scrolly.add(tf1b);
   	scrolly.add(tf2);
   	scrolly.add(tf3);
   	scrolly.add(tf4);
   //}
   
   scrolly.add(tf5);

JSON Source