[TIMOB-16793] iOS: Window: backgroundGradient on window hides the text

GitHub Issue	n/a
Type	Bug
Priority	Critical
Status	Closed
Resolution	Fixed
Resolution Date	2014-04-03T17:55:32.000+0000
Affected Version/s	Release 3.2.3
Fix Version/s	2014 Sprint 07, 2014 Sprint 07 SDK, Release 3.2.3, Release 3.3.0
Components	iOS
Labels	module_window, qe-3.2.3, qe-testadded, regression
Reporter	Priya Agarwal
Assignee	Vishal Duggal
Created	2014-04-01T12:35:53.000+0000
Updated	2014-07-22T08:31:27.000+0000

Description

1. Copy paste the code given below on app.js and run the app. Expected Result: 1. Window gets open with label on it having text as"I am the home window" Actual Result: 1. Window opens up with black background. No label is visible

var window_gradient = {
	type:'linear',
	colors:[
		{color:'#111',offset:0.0},
		{color:'#333',offset:0.7},
		{color:'#111',offset:1.0}
	]
};
var win = Titanium.UI.createWindow({  
    backgroundGradient:window_gradient,   
});
var label = Titanium.UI.createLabel({
	color:'blue',
	text:'I am the home window',
	font:{fontSize:20,fontFamily:'Helvetica Neue'},
	textAlign:'center',
	backgroundColor:"yellow"
});
win.add(label);
win.open();

Working fine on android. Its a regression as working fine on 3.2.2.GA

Comments

Ingo Muschenetz 2014-04-02

Sabil, can you plead give your thoughts on this?
Vishal Duggal 2014-04-03

Pull pending 3_2_X - https://github.com/appcelerator/titanium_mobile/pull/5576 master - https://github.com/appcelerator/titanium_mobile/pull/5577

Sabil Rahim 2014-04-03

Additional Test case : [TIMOB-11586]

   var win1 = Titanium.UI.createWindow({
       title : 'Tab 1',
       backgroundColor : '#fff'
   });
    
   var g_backgroundGradient = {startPoint: {x:0, y:0}, endPoint: {x:400, y:600}, colors:['blue', 'orange'], type: 'linear'};
    
   var backview = Titanium.UI.createView({
       backgroundGradient : g_backgroundGradient // <<< COMMENT OUT THIS LINE TO FIX PROBLEM
   });
    
   var view1 = Titanium.UI.createView({
       backgroundColor : 'red',
       width : '300',
       height : '400',
       left : 15,
       top : 15,
       zindex : 10,
   });
    
   var view2 = Titanium.UI.createView({
       width : '100',
       height : '70',
       left : 5,
       top : 5,
       backgroundColor : 'green',
       zindex : 1
   });
   backview.add(view1);
   backview.add(view2);
    
   win1.add(backview);
    
   win1.open();

Wilson Luu 2014-04-03

Closing ticket as fixed. Using both the original sample code and Sabil's test case, verified backgroundGradient does not hide the label or other views. Tested on: Appcelerator Studio, build: 3.2.3.201403271839 SDK build: 3.2.3.v20140403105720, 3.3.0.v20140403105717 CLI: 3.2.3-alpha2 Alloy: 1.3.1 Xcode: 5.1 Devices: iphone 5 (6.1.3), iphone 5c (7.1)

JSON Source