{ "id": "110947", "key": "TIMOB-13048", "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": "2013-03-11T14:55:13.000+0000", "priority": { "name": "Low", "id": "4" }, "labels": [ "ios" ], "versions": [], "issuelinks": [], "assignee": null, "updated": "2018-02-28T20:03:35.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": [ { "id": "10206", "name": "iOS", "description": "iOS Platform" } ], "description": "h2. Problem description\r\n\r\nWhen transitioning from two different views using UI.Animation, if the views have layout set to \"vertical\", the second window collapses.\r\n\r\nh2. Test case\r\n\r\n{code}\r\n//Transition Bug when view layout = vertical\r\n/*\r\nWhen view.layout = vertical\r\nWhen transitioning from view1 to view2, we see view2 pretty much collapses.\r\nAs it's transitioning, you can see button2 for some reason takes up the whole view,\r\nrather than respect its set width/height.\r\nBasically, transitioning from one view to another seems broken.\r\n*/\r\n\r\n\r\nTi.UI.setBackgroundColor('#000');\r\nvar win = Ti.UI.createWindow({\r\n height: Ti.UI.FILL,\r\n width: Ti.UI.FILL\r\n});\r\n\r\nvar view1 = Ti.UI.createView({\r\n layout: \"vertical\",\r\n height: 200,\r\n width: 200,\r\n backgroundColor: \"#cc0\"\r\n});\r\n\r\nvar textField1 = Ti.UI.createTextField({\r\n borderWidth: 1,\r\n borderColor: \"#000\",\r\n width: 100,\r\n height: 40\r\n});\r\n\r\nvar button1 = Ti.UI.createButton({\r\n width: 100,\r\n height: 50,\r\n title: \"Click To Transition\"\r\n});\r\nview1.add(textField1);\r\nview1.add(button1);\r\n\r\n\r\nvar view2 = Ti.UI.createView({\r\n layout: \"vertical\",\r\n height: 400,\r\n width: 400,\r\n backgroundColor: \"#c0c\"\r\n});\r\nvar textField2a = Ti.UI.createTextField({\r\n borderWidth: 1,\r\n borderColor: \"#000\",\r\n width: 100,\r\n height: 40\r\n});\r\nvar textField2b = Ti.UI.createTextField({\r\n borderWidth: 1,\r\n borderColor: \"#000\",\r\n width: 100,\r\n height: 40\r\n});\r\nvar button2 = Ti.UI.createButton({\r\n width: 100,\r\n height: 50,\r\n title: \"Click To Transition Back\"\r\n});\r\n\r\nview2.add(textField2a);\r\nview2.add(textField2b);\r\nview2.add(button2);\r\n\r\nbutton1.addEventListener('click', function() {\r\n var transition = Ti.UI.createAnimation({\r\n view: view2,\r\n transition: Ti.UI.iPhone.AnimationStyle.FLIP_FROM_RIGHT\r\n });\r\n view1.animate(transition);\r\n});\r\n\r\nbutton2.addEventListener('click', function() {\r\n var transition = Ti.UI.createAnimation({\r\n view: view1,\r\n transition: Ti.UI.iPhone.AnimationStyle.FLIP_FROM_RIGHT\r\n });\r\n view2.animate(transition);\r\n});\r\n\r\nwin.add(view1);\r\nwin.open();\r\n{code}", "attachment": [ { "id": "36124", "filename": "app.js", "author": { "name": "meeech", "key": "meeech", "displayName": "Mitchell Amihod", "active": true, "timeZone": "America/New_York" }, "created": "2013-03-11T14:55:13.000+0000", "size": 1784, "mimeType": "text/javascript" } ], "flagged": false, "summary": "layout on view fall apart when using transition when view layout = vertical", "creator": { "name": "meeech", "key": "meeech", "displayName": "Mitchell Amihod", "active": true, "timeZone": "America/New_York" }, "subtasks": [], "reporter": { "name": "meeech", "key": "meeech", "displayName": "Mitchell Amihod", "active": true, "timeZone": "America/New_York" }, "environment": "Ti 3.0.2.GA", "comment": { "comments": [ { "id": "422264", "author": { "name": "lmorris", "key": "lmorris", "displayName": "Lee Morris", "active": false, "timeZone": "America/Los_Angeles" }, "body": "I'm not able to reproduce the issue here but when clicking \"click transition\" button, a purple view appears (which I presume is expected behaviour) and then a button \"Click to transition back\" appears and then disappears after a second. This was done using the following environment;\r\niPhone 7 (10.2)\r\nStudio 4.9.0.201705302345\r\nTi SDK 6.1.1.v20170609091155\r\nAppc NPM 4.2.9\r\nAppc CLI 6.2.1\r\nTi CLI 5.0.13\r\nAlloy 1.9.11\r\nArrow 2.0.0\r\nXcode 8.2 (8C38)\r\nNode v4.8.2\r\nJava 1.8.0_131", "updateAuthor": { "name": "lmorris", "key": "lmorris", "displayName": "Lee Morris", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2017-06-19T18:07:01.000+0000", "updated": "2017-06-19T18:07:01.000+0000" } ], "maxResults": 1, "total": 1, "startAt": 0 } } }