[TIMOB-11608] Android: TextField and TextArea - Black stripe appears above the text field at the bottom of the screen
GitHub Issue | n/a |
---|---|
Type | Bug |
Priority | High |
Status | Closed |
Resolution | Won't Fix |
Resolution Date | 2013-01-09T10:54:50.000+0000 |
Affected Version/s | Release 2.1.4 |
Fix Version/s | 2013 Sprint 01 API, 2013 Sprint 01 |
Components | Android |
Labels | api, qe-and214 |
Reporter | Tamila Smolich |
Assignee | Ping Wang |
Created | 2012-10-30T21:29:27.000+0000 |
Updated | 2013-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
File | Date | Size |
---|---|---|
device-2012-10-30-142331.png | 2012-10-30T21:29:27.000+0000 | 46002 |
device-2012-10-30-142909.png | 2012-10-30T21:29:27.000+0000 | 26639 |
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.
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.