{
	"id": "132931",
	"key": "TIMOB-17439",
	"fields": {
		"issuetype": {
			"id": "1",
			"description": "A problem which impairs or prevents the functions of the product.",
			"name": "Bug",
			"subtask": false
		},
		"project": {
			"id": "10153",
			"key": "TIMOB",
			"name": "Titanium SDK/CLI",
			"projectCategory": {
				"id": "10100",
				"description": "Titanium and related SDKs used in application development",
				"name": "Client"
			}
		},
		"fixVersions": [],
		"resolution": null,
		"resolutiondate": null,
		"created": "2014-07-11T19:02:33.000+0000",
		"priority": null,
		"labels": [
			"andorid",
			"animation",
			"backgroundColor",
			"button",
			"ios"
		],
		"versions": [],
		"issuelinks": [],
		"assignee": null,
		"updated": "2018-02-28T20:04:13.000+0000",
		"status": {
			"description": "The issue is open and ready for the assignee to start work on it.",
			"name": "Open",
			"id": "1",
			"statusCategory": {
				"id": 2,
				"key": "new",
				"colorName": "blue-gray",
				"name": "To Do"
			}
		},
		"components": [],
		"description": "h4. Problem Description\r\nTi.UI.animation with backgroundColor doesn't work with 3.3.0.  We tested this issue with our sample code. Its working well as we expected in Titanium SDK version 3.2.3 GA\r\nbut its not working in Titanium SDK version 3.3.0 RC.It’s a bug.\r\n \r\nh5. Testing Environment\r\nTitanium SDK: 3.2.3.GA and 3.3.0.RC\r\nTitanium CLI: 3.2.3\r\nOS X Version: 10.9.3\r\nIOS Simulator: 7.1\r\nAndroid API Level: 17 and 19\r\n \r\nh5. TEST CODE\r\n \r\nXML Markup\r\n {code}\r\n<Alloy>\r\n<Window class=\"container\" id=\"win\">\r\n<Button id=\"signinBtn\" class=\"frmBtn\" onClick=\"didClick\"/>\r\n</Window>\r\n</Alloy>\r\n {code}\r\nTSS\r\n {code}\r\n\".container\": {\r\nbackgroundColor: \"white\",\r\nnavBarHidden: \"true\"\r\n},\r\n\".frmBtn\":{\r\ntop: 30,\r\nwidth: Ti.UI.FILL,\r\nheight: 50,\r\nbackgroundColor: \"#3a97d4\",\r\nborderRadius: 15,\r\ncolor: \"#fff\",\r\nfont: {\r\nfontFamily: \"SourceSansPro-Bold\",\r\nfontSize: 22\r\n},\r\ntextAlign: \"center\"\r\n},\r\n\".frmBtn[formFactor=tablet]\":{\r\nwidth: \"40%\"\r\n},\r\n\".frmBtn[platform=ios]\":{\r\nstyle: Titanium.UI.iPhone.SystemButtonStyle.PLAIN\r\n},\r\n\"#signinBtn\":{\r\ntitleid: \"login\"\r\n}\r\n {code}\r\nindex.js(Controller)\r\n{code} \r\n$.win.open();\r\nfunction didClick(e) {\r\nvar view = e.source;\r\n//view.setBackgroundColor(\"red\");\r\nvar animation = Titanium.UI.createAnimation();\r\nanimation.backgroundColor = 'black';\r\nanimation.duration = 1000;\r\nvar animationHandler = function() {\r\nanimation.removeEventListener('complete', animationHandler);\r\nanimation.backgroundColor = 'orange';\r\nview.animate(animation);\r\n};\r\nanimation.addEventListener('complete', animationHandler);\r\nview.animate(animation);\r\nconsole.log(\"signin\");\r\n}\r\n\r\n{code}\r\nh5. STEPS TO REPRODUCE:\r\na) Create a simple project.\r\nb) Update this code in app.js\r\nc) Run this with testing environment\r\n \r\nh5. TESTING RESULT(Titanium SDK: 3.3.0.RC):\r\nIn iOS : Nothing happens.Only show the Button.\r\n \r\nIn Android : The backgroundColor of the curved area (in TSS I have given a border Radius)\r\nonly changing and rest remains same. \r\n",
		"attachment": [
			{
				"id": "49666",
				"filename": "Screenshot_2014-07-12-00-31-28.png",
				"author": {
					"name": "mano_mykingdom",
					"key": "mano_mykingdom",
					"displayName": "Manojkumar Murugesan",
					"active": true,
					"timeZone": "Asia/Kolkata"
				},
				"created": "2014-07-11T19:02:33.000+0000",
				"size": 21081,
				"mimeType": "image/png"
			}
		],
		"flagged": false,
		"summary": "Ti.UI.Animation with backgroundColor is not wokring",
		"creator": {
			"name": "mano_mykingdom",
			"key": "mano_mykingdom",
			"displayName": "Manojkumar Murugesan",
			"active": true,
			"timeZone": "Asia/Kolkata"
		},
		"subtasks": [],
		"reporter": {
			"name": "mano_mykingdom",
			"key": "mano_mykingdom",
			"displayName": "Manojkumar Murugesan",
			"active": true,
			"timeZone": "Asia/Kolkata"
		},
		"environment": "Alloy 1.4.0 RC\r\nTitanium 3.3.0 RC\r\n\r\nOSX Mavericks\r\nXCode 5.1.1\r\n\r\niOS 7.1.1 (Simulator)\r\nAndroid 4.2.2 (Samsung Galaxy Grand Quattro)",
		"comment": {
			"comments": [
				{
					"id": "314164",
					"author": {
						"name": "mpmiranda",
						"key": "mpmiranda",
						"displayName": "Mauro Parra-Miranda",
						"active": true,
						"timeZone": "America/Mexico_City"
					},
					"body": "Original reporter [~mano_mykingdom]. ",
					"updateAuthor": {
						"name": "mpmiranda",
						"key": "mpmiranda",
						"displayName": "Mauro Parra-Miranda",
						"active": true,
						"timeZone": "America/Mexico_City"
					},
					"created": "2014-07-15T16:29:51.000+0000",
					"updated": "2014-07-15T16:29:51.000+0000"
				},
				{
					"id": "316444",
					"author": {
						"name": "skypanther",
						"key": "skypanther",
						"displayName": "Tim Poulsen",
						"active": true,
						"timeZone": "America/New_York"
					},
					"body": "This is not an Alloy issue. The following Classic project demonstrates the same behavior. Both samples fail to animate the bg color if you use hex values rather than named strings.\r\n\r\n{code}\r\nvar win = Titanium.UI.createWindow({\r\n    title:'Tab 1',\r\n    backgroundColor:'#fff'\r\n});\r\n\r\nvar btn = Ti.UI.createButton({\r\n\ttop: 30,\r\n\twidth: Ti.UI.FILL,\r\n\theight: 50,\r\n\tbackgroundColor: \"#3a97d4\",\r\n\tborderRadius: 15,\r\n\tcolor: \"#fff\",\r\n\tfont: {\r\n\t\tfontFamily: \"SourceSansPro-Bold\",\r\n\t\tfontSize: 22\r\n\t},\r\n\ttextAlign: \"center\",\r\n\ttitle: 'login'\r\n});\r\nbtn.addEventListener('click', didClick);\r\nwin.add(btn);\r\n\r\nfunction didClick(e) {\r\n\tvar view = e.source;\r\n\t//view.setBackgroundColor(\"red\");\r\n\tvar animation = Titanium.UI.createAnimation();\r\n\tanimation.backgroundColor = 'black'; /*#000 also fails to work*/\r\n\tanimation.duration = 1000;\r\n\tvar animationHandler = function() {\r\n\t\tanimation.removeEventListener('complete', animationHandler);\r\n\t\tanimation.backgroundColor = 'orange';\r\n\t\tview.animate(animation);\r\n\t};\r\n\tanimation.addEventListener('complete', animationHandler);\r\n\tview.animate(animation);\r\n\tconsole.log(\"signin\");\r\n}\r\n\r\nwin.open();\r\n{code}\r\n\r\n",
					"updateAuthor": {
						"name": "skypanther",
						"key": "skypanther",
						"displayName": "Tim Poulsen",
						"active": true,
						"timeZone": "America/New_York"
					},
					"created": "2014-07-31T14:09:03.000+0000",
					"updated": "2014-07-31T14:09:03.000+0000"
				}
			],
			"maxResults": 3,
			"total": 3,
			"startAt": 0
		}
	}
}