Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-11608] Android: TextField and TextArea - Black stripe appears above the text field at the bottom of the screen

GitHub Issuen/a
TypeBug
PriorityHigh
StatusClosed
ResolutionWon't Fix
Resolution Date2013-01-09T10:54:50.000+0000
Affected Version/sRelease 2.1.4
Fix Version/s2013 Sprint 01 API, 2013 Sprint 01
ComponentsAndroid
Labelsapi, qe-and214
ReporterTamila Smolich
AssigneePing Wang
Created2012-10-30T21:29:27.000+0000
Updated2013-04-12T21:32:56.000+0000

Description

Description: Black stripe appears above the text field at the bottom of the screen. Occurs on some devices (Galaxy Nexus (4.1.1), Samsung Galaxy SIII (4.0.4)). Does not occur on Android Emulator, Droid 3 (2.3.4) and LG VS910 4G (2.3.6). This is not a regression, the behavior exists on 2.1.3 and 2.1.2 as well. Steps: 1. Run the following code:
var _window = Ti.UI.createWindow({
    backgroundColor : 'white'
});
  
var textField = Ti.UI.createTextField({
			color : '#336699',
			backgroundColor : '#eee',
			bottom : 10,
			left : 10,
			width : 250,
			height : 60,
			borderStyle : Ti.UI.INPUT_BORDERSTYLE_ROUNDED
		});
		_window.add(textField);

		var textArea = Ti.UI.createTextArea({
			borderStyle : Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
			backgroundColor : '#eee',
			color : '#336699',
			top : 10,
			left : 10,
			width : 250,
			height : 60
		});
		_window.add(textArea);
		
		_window.open();
2. Dismiss two alerts 3. Click on the text field at the bottom of the screen to invoke the soft keyboard. 4. Press hardware "back" button 5. Repeat steps 2 and 3 several times Actual result: Black stripe appears above the text field Expected: Should not see any black stripes above the text field

Attachments

FileDateSize
device-2012-10-30-142331.png2012-10-30T21:29:27.000+000046002
device-2012-10-30-142909.png2012-10-30T21:29:27.000+000026639

Comments

  1. Ping Wang 2012-12-19

    The issue only happens when the height of the text field/text area is very small and the backgroundColor of the text field/text area is set.
  2. Vishal Duggal 2013-01-09

    Looks like the issue is caused due to the fact that the default font for the text field is too large to fit in the height provided. Setting a font height that actually fits the text field fixes the issue. Marking as wont fix.

JSON Source