[TIMOB-7286] MobileWeb: Incorrect vertical text alignment on Button with backgroundImage
| GitHub Issue | n/a |
|---|
| Type | Bug |
|---|
| Priority | High |
|---|
| Status | Closed |
|---|
| Resolution | Fixed |
|---|
| Resolution Date | 2012-01-23T14:10:20.000+0000 |
|---|
| Affected Version/s | Release 2.0.0 |
|---|
| Fix Version/s | Sprint 2012-02, Release 2.0.0, Release 1.8.1 |
|---|
| Components | MobileWeb |
|---|
| Labels | qe-port, stage2 |
|---|
| Reporter | Patrick Seda |
|---|
| Assignee | Chris Barber |
|---|
| Created | 2012-01-18T22:05:06.000+0000 |
|---|
| Updated | 2012-08-27T16:00:09.000+0000 |
|---|
Description
Given a Button with a backgroundImage, the text becomes vertically aligned to the top of the Button.
Sample code: One Button has a backgroundImage, the other doesn't:
{noformat}
var window = Ti.UI.createWindow({
backgroundColor : '#357'
});
var button1 = Ti.UI.createButton({
title : 'BG img',
top : 50,
left : 100,
width : 70,
height : 32,
backgroundImage:'/images/sections/live/bt_inactive.png'
});
var button2 = Ti.UI.createButton({
title : 'No BG img',
top : 100,
left : 100,
width : 70,
height : 32
});
window.add(button1);
window.add(button2);
window.open();
{noformat}
The resulting buttons are shown in the attached screencapture.
Attachments
This is a valid issue, but was indirectly fixed when we fixed TIMOB-7294.
Verified fix on: Titanium studio : 2.1.1.201207271312 SDK version : 2.2.0.v20120824175712 Chrome 21.0.xx Firefox 14.0.1 Safari 6.0 Android 2.3.6 default browser Iphone 5.0.1 mobile safari