{ "id": "132782", "key": "TIMOB-17287", "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": [ { "id": "15422", "description": "Release 3.3.0", "name": "Release 3.3.0", "archived": false, "released": true, "releaseDate": "2014-07-16" }, { "id": "15972", "description": "Release 3.4.0", "name": "Release 3.4.0", "archived": false, "released": true, "releaseDate": "2014-09-28" } ], "resolution": { "id": "1", "description": "A fix for this issue is checked into the tree and tested.", "name": "Fixed" }, "resolutiondate": "2014-07-11T19:22:24.000+0000", "created": "2014-07-09T07:13:54.000+0000", "priority": { "name": "Critical", "id": "1" }, "labels": [ "alloy", "qe-3.3.0", "qe-closed-3.3.0", "qe-testadded", "regression" ], "versions": [ { "id": "13505", "description": "Release 3.0.0", "name": "Release 3.0.0", "archived": true, "released": true, "releaseDate": "2012-12-14" } ], "issuelinks": [], "assignee": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "updated": "2014-07-15T10:08:33.000+0000", "status": { "description": "The issue is considered finished, the resolution is correct. Issues which are closed can be reopened.", "name": "Closed", "id": "6", "statusCategory": { "id": 3, "key": "done", "colorName": "green", "name": "Done" } }, "components": [], "description": "This is a regression since it works fine on 3.2.3 GA.\r\n\r\nOn clicking \"animatedDialog\" button, Dialog with animation does not appears and app crashes.\r\n\r\nSteps to Reproduce:\r\n1. Copy 'apps/advanced/inheritance' content into an existing project 'app' folder.\r\n2. Build the app on android device.\r\n3. Click on animatedDialog button.\r\n\r\nActual Result: No dialog box appears with animation and app crashes.\r\n\r\nExpected Result: Dialog with animation should appears, displaying the 'Opened animatedDialog' text.\r\n\r\nNote: It is working fine on iOS.", "attachment": [], "flagged": false, "summary": "Advance Sample - inheritance: Animated dialog does not appears on clicking animatedDialog button", "creator": { "name": "nmittal", "key": "nmittal", "displayName": "Neha Mittal", "active": true, "timeZone": "Asia/Kolkata" }, "subtasks": [], "reporter": { "name": "nmittal", "key": "nmittal", "displayName": "Neha Mittal", "active": true, "timeZone": "Asia/Kolkata" }, "environment": "Appcelerator Studio - 3.3.0.201407081443\r\nSDK - 3.3.0.v20140708132513\r\nACS - 1.0.15\r\nAlloy - 1.4.0-rc4\r\nTitanium - 3.3.0-rc4\r\nTitanium-code-processor - 1.1.1\r\nOS - Windows 8.1\r\nDevice - Nexus 7 (v4.4.4)", "closedSprints": [ { "id": 149, "state": "closed", "name": "2014 Sprint 14 SDK", "startDate": "2014-07-07T21:48:52.340Z", "endDate": "2014-07-19T00:00:00.000Z", "completeDate": "2014-07-21T15:58:32.928Z", "originBoardId": 114 } ], "comment": { "comments": [ { "id": "312990", "author": { "name": "ingo", "key": "ingo", "displayName": "Ingo Muschenetz", "active": true, "timeZone": "America/Los_Angeles" }, "body": "This sounds like not an Alloy issue to me, but rather an Android animation one. Unless the sample is wrong?", "updateAuthor": { "name": "ingo", "key": "ingo", "displayName": "Ingo Muschenetz", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2014-07-09T12:14:25.000+0000", "updated": "2014-07-09T12:14:25.000+0000" }, { "id": "313001", "author": { "name": "skypanther", "key": "skypanther", "displayName": "Tim Poulsen", "active": true, "timeZone": "America/New_York" }, "body": "This sample fails for me with Alloy 1.3.1 as well as 1.4.0-rc4 and 1.5.0-dev if I use SDK 3.3.0.x. However, if I use SDK 3.2.3.GA, the sample works properly for me under both Alloy 1.4.0-rc4 and 1.5.0-dev. This doesn't seem to be an Alloy issue.", "updateAuthor": { "name": "skypanther", "key": "skypanther", "displayName": "Tim Poulsen", "active": true, "timeZone": "America/New_York" }, "created": "2014-07-09T14:43:48.000+0000", "updated": "2014-07-09T14:43:48.000+0000" }, { "id": "313005", "author": { "name": "ingo", "key": "ingo", "displayName": "Ingo Muschenetz", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Okay, thanks. Do you know if you can easily create a classic example that demonstrates the same problem?", "updateAuthor": { "name": "ingo", "key": "ingo", "displayName": "Ingo Muschenetz", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2014-07-09T14:49:40.000+0000", "updated": "2014-07-09T14:49:40.000+0000" }, { "id": "313022", "author": { "name": "ingo", "key": "ingo", "displayName": "Ingo Muschenetz", "active": true, "timeZone": "America/Los_Angeles" }, "body": "[~hpham] Here's the ticket to review.", "updateAuthor": { "name": "ingo", "key": "ingo", "displayName": "Ingo Muschenetz", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2014-07-09T16:54:40.000+0000", "updated": "2014-07-09T16:54:40.000+0000" }, { "id": "313034", "author": { "name": "skypanther", "key": "skypanther", "displayName": "Tim Poulsen", "active": true, "timeZone": "America/New_York" }, "body": "Drop this into a new classic project:\r\n{code}\r\nvar win1 = Titanium.UI.createWindow({ \r\n backgroundColor:'#fff'\r\n});\r\nvar label1 = Titanium.UI.createLabel({\r\n\tcolor:'#999',\r\n\ttext:'Click to open dialog',\r\n\tfont:{fontSize:20,fontFamily:'Helvetica Neue'},\r\n\ttextAlign:'center',\r\n\twidth:'auto'\r\n});\r\nlabel1.addEventListener('click', createAnimatedDialog);\r\nwin1.add(label1);\r\n\r\n\r\nfunction createAnimatedDialog() {\r\n\tvar cover = Ti.UI.createView({\r\n\t\tbackgroundColor: '#000',\r\n\t\topacity: 0.5,\r\n\t\theight: Ti.UI.FILL,\r\n\t\twidth: Ti.UI.FILL\r\n\t});\r\n\tvar dialog = Ti.UI.createView({\r\n\t\theight: '100dp',\r\n\t\twidth: '66%',\r\n\t\tbackgroundColor: '#fff',\r\n\t\tborderColor: '#000',\r\n\t\tborderWidth: 2,\r\n\t\tborderRadius: 4\r\n\t});\r\n\tvar lbl = Ti.UI.createLabel({\r\n\t\ttext: 'You opened the dialog',\r\n\t\tcolor: '#000',\r\n\t\tleft: 10,\r\n\t\tright: 10,\r\n\t\ttop: 10,\r\n\t\theight: Ti.UI.SIZE,\r\n\t\tfont: {\r\n\t\t\tfontSize: '16dp'\r\n\t\t},\r\n\t\ttextAlign: 'center'\r\n\t});\r\n\tdialog.add(lbl);\r\n\tvar btn = Ti.UI.createButton({\r\n\t\ttitle: 'Close',\r\n\t\tbottom: 10\r\n\t});\r\n\tbtn.addEventListener('click', function() {\r\n\t\twin1.remove(cover);\r\n\t\twin1.remove(dialog);\r\n\t\tdialog = cover = null;\r\n\t});\r\n\tdialog.add(btn);\r\n\r\n\t// make invisible\r\n\tcover.opacity = 0;\r\n\tdialog.opacity = 0;\r\n\r\n\t// add to reference window\r\n\twin1.add(cover);\r\n\twin1.add(dialog);\r\n\r\n\t// animate in the opacity\r\n\tcover.animate({\r\n\t\tduration: 500,\r\n\t\topacity: 0.5\r\n\t});\r\n\tdialog.animate({\r\n\t\tduration: 500,\r\n\t\topacity: 1\r\n\t});\r\n}\r\n\r\nwin1.open();\r\n{code}\r\n\r\nWorks on iOS, fails on Android. It's as if the dialog view isn't being drawn on the screen. I tried setting explicit top/left and width properties, but that didn't work. Perhaps it's still transparent (opacity=0) after the animation??", "updateAuthor": { "name": "skypanther", "key": "skypanther", "displayName": "Tim Poulsen", "active": true, "timeZone": "America/New_York" }, "created": "2014-07-09T17:49:48.000+0000", "updated": "2014-07-09T17:49:48.000+0000" }, { "id": "313171", "author": { "name": "hpham", "key": "hpham", "displayName": "Hieu Pham", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Opacity animation has never worked on views with borders on Honeycomb+ devices before. This bug is exposed by this PR: https://github.com/appcelerator/titanium_mobile/pull/5064. If you run the test case above on 3.2.3.GA, you will not see the border around the dialog.\r\n", "updateAuthor": { "name": "hpham", "key": "hpham", "displayName": "Hieu Pham", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2014-07-10T01:44:05.000+0000", "updated": "2014-07-11T18:27:06.000+0000" }, { "id": "313172", "author": { "name": "ingo", "key": "ingo", "displayName": "Ingo Muschenetz", "active": true, "timeZone": "America/Los_Angeles" }, "body": "[~pwang] or [~ayeung] are you able to review this?", "updateAuthor": { "name": "ingo", "key": "ingo", "displayName": "Ingo Muschenetz", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2014-07-10T01:45:09.000+0000", "updated": "2014-07-10T01:45:09.000+0000" }, { "id": "313456", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Additional test case\r\n{code}\r\nvar win1 = Titanium.UI.createWindow({ \r\n backgroundColor:'#fff'\r\n});\r\nvar label1 = Titanium.UI.createLabel({\r\n color:'#999',\r\n text:'Click to open dialog',\r\n font:{fontSize:20,fontFamily:'Helvetica Neue'},\r\n textAlign:'center',\r\n width:'auto',\r\n top:'50dp'\r\n});\r\n\r\nvar label2 = Titanium.UI.createLabel({\r\n color:'#999',\r\n text:'Click to open window (not working on 3.x devices)',\r\n font:{fontSize:20,fontFamily:'Helvetica Neue'},\r\n textAlign:'center',\r\n width:'auto',\r\n bottom:'50dp'\r\n});\r\n\r\n\r\nlabel1.addEventListener('click', createAnimatedDialog);\r\nlabel2.addEventListener('click', openSecondWindow);\r\nwin1.add(label1);\r\nwin1.add(label2);\r\n\r\nvar opacity = 0; \r\nfunction openSecondWindow(){\r\n\topacity = 1;\r\n\tvar win2 = Titanium.UI.createWindow({ \r\n\t backgroundColor:'#fff',\r\n\t layout:'vertical'\r\n\t});\r\n\t\r\n\tvar slider = Titanium.UI.createSlider({\r\n\t top: 50,\r\n\t min: 0,\r\n\t max: 1,\r\n\t width: '80%',\r\n\t value: 1\r\n\t});\r\n\t\r\n\tvar view1 = Ti.UI.createView({\r\n\t\tbackgroundColor:'blue',\r\n\t\twidth:'80%',\r\n\t\theight:'50dp',\r\n\t\ttop:30\r\n\t});\r\n\t\r\n\tvar view2 = Ti.UI.createView({\r\n\t\tbackgroundColor:'blue',\r\n\t\twidth:'80%',\r\n\t\theight:'50dp',\r\n\t\tborderWidth:10,\r\n\t\tborderColor:'green',\r\n\t\ttop:30\r\n\t});\r\n\t\r\n\twin2.add(slider);\r\n\twin2.add(view1);\r\n\twin2.add(view2);\r\n\t\r\n\tslider.addEventListener('change', function(e) {\r\n\t opacity = e.value;\r\n\t});\r\n\t\r\n\tslider.addEventListener('touchend', function(e) {\r\n\t Ti.API.info('VALUE = '+opacity);\r\n\t view1.opacity = opacity;\r\n\t view2.opacity = opacity;\r\n\t});\r\n\t\r\n\twin2.open();\t\r\n}\r\n\r\n\r\nfunction createAnimatedDialog() {\r\n var cover = Ti.UI.createView({\r\n backgroundColor: '#000',\r\n opacity: 0.5,\r\n height: Ti.UI.FILL,\r\n width: Ti.UI.FILL\r\n });\r\n var dialog = Ti.UI.createView({\r\n height: '100dp',\r\n width: '66%',\r\n backgroundColor: '#fff',\r\n borderColor: 'green',\r\n borderWidth: 2,\r\n borderRadius: 4\r\n });\r\n var lbl = Ti.UI.createLabel({\r\n text: 'You opened the dialog',\r\n color: '#000',\r\n left: 10,\r\n right: 10,\r\n top: 10,\r\n height: Ti.UI.SIZE,\r\n font: {\r\n fontSize: '16dp'\r\n },\r\n textAlign: 'center'\r\n });\r\n dialog.add(lbl);\r\n var btn = Ti.UI.createButton({\r\n title: 'Close',\r\n bottom: 10\r\n });\r\n btn.addEventListener('click', function() {\r\n win1.remove(cover);\r\n win1.remove(dialog);\r\n dialog = cover = null;\r\n });\r\n dialog.add(btn);\r\n \r\n // make invisible\r\n cover.opacity = 0;\r\n dialog.opacity = 0;\r\n \r\n // add to reference window\r\n win1.add(cover);\r\n win1.add(dialog);\r\n \r\n // animate in the opacity\r\n cover.animate({\r\n duration: 2500,\r\n opacity: 0.5\r\n });\r\n dialog.animate({\r\n duration: 2500,\r\n opacity: 1\r\n });\r\n}\r\n \r\nwin1.open();\r\n{code}", "updateAuthor": { "name": "pwang", "key": "pwang", "displayName": "Ping Wang", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2014-07-11T18:15:32.000+0000", "updated": "2014-07-11T19:21:20.000+0000" }, { "id": "313458", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Pull pending against master\r\nhttps://github.com/appcelerator/titanium_mobile/pull/5904", "updateAuthor": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2014-07-11T18:16:53.000+0000", "updated": "2014-07-11T18:16:53.000+0000" }, { "id": "313473", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Backport to 3_3_X\r\nhttps://github.com/appcelerator/titanium_mobile/pull/5907", "updateAuthor": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2014-07-11T18:53:59.000+0000", "updated": "2014-07-11T18:53:59.000+0000" }, { "id": "314090", "author": { "name": "prastogi", "key": "prastogi", "displayName": "Pragya Rastogi", "active": true, "timeZone": "Asia/Kolkata" }, "body": "{color:green} Verified the fix using build:{color}\r\n|| *Component* || *Version*||\r\n|OS | Windows 8.1, OSX 10.9.3 | \r\n|Xcode | 5.1.1 |\r\n|Appcelerator Studio | 3.3.0.201407111535 |\r\n|SDK | 3.3.0.v20140711123603 | \r\n|acs | 1.0.15 | \r\n|alloy | 1.4.0-rc5 | \r\n|npm | 1.3.2 | \r\n|titanium | 3.3.0-rc4 | \r\n|titanium-code-processor | 1.1.1 | \r\nDevice: Nexus 5 (4.4.4)\r\n\r\n*Animated dialog appears successfully on clicking animatedDialog button.*\r\n", "updateAuthor": { "name": "prastogi", "key": "prastogi", "displayName": "Pragya Rastogi", "active": true, "timeZone": "Asia/Kolkata" }, "created": "2014-07-15T08:49:01.000+0000", "updated": "2014-07-15T08:49:01.000+0000" } ], "maxResults": 11, "total": 11, "startAt": 0 } } }