{ "id": "106153", "key": "TIMOB-11998", "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": "14161", "description": "Release 3.0.1", "name": "Release 3.0.1", "archived": true, "released": true, "releaseDate": "2013-02-19" }, { "id": "14162", "description": "Release 3.1.0", "name": "Release 3.1.0", "archived": true, "released": true, "releaseDate": "2013-04-16" }, { "id": "14787", "description": "2012 Sprint 26 API", "name": "2012 Sprint 26 API", "archived": true, "released": true, "releaseDate": "2012-12-31" }, { "id": "14786", "description": "2012 Sprint 26", "name": "2012 Sprint 26", "archived": true, "released": true, "releaseDate": "2012-12-31" } ], "resolution": { "id": "1", "description": "A fix for this issue is checked into the tree and tested.", "name": "Fixed" }, "resolutiondate": "2012-12-18T21:24:27.000+0000", "created": "2012-12-07T16:17:43.000+0000", "priority": { "name": "High", "id": "2" }, "labels": [ "core", "horizontal_layout", "module_window", "parity", "qe-testadded", "triage" ], "versions": [ { "id": "14096", "description": "Release 2.1.2", "name": "Release 2.1.2", "archived": true, "released": true, "releaseDate": "2012-08-31" }, { "id": "14137", "description": "Release 2.1.3", "name": "Release 2.1.3", "archived": true, "released": true, "releaseDate": "2012-10-03" }, { "id": "14613", "description": "Release 2.1.4", "name": "Release 2.1.4", "archived": true, "released": true, "releaseDate": "2012-11-12" }, { "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-06-19T12:43:58.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": [ { "id": "10206", "name": "iOS", "description": "iOS Platform" } ], "description": "h2.Problem description\r\n# Horizontal views are not sizing correctly vertically when their height is set to Ti.UI.SIZE. The red view should not be visible, since it should be exactly the same size as the yellow view which is inside it. The yellow view is too tall... it should be exactly the same height as the black boxes. The blue view should not be visible, since it should be exactly the same size as the orange view which is inside it.\r\n# Horizontal views that have wrapping children do not wrap correctly... the wrapped child views are vertically positioned much lower than they should be. The 3 black boxes in the orange (horizontal) view are all added to the orange view sequentially, and therefore should appear as they do in the attached Android image. In iOS, the 3rd box is wrapped with a large vertical gap.\r\n\r\nSee the attached images. The first image is from the Android emulator, and appears correctly. The second image is from the iPhone simulator and shows the problem. This is a layout parity issue.\r\n\r\nh2.Test case\r\n{panel:title=app.js}\r\n{code}\r\nvar win1 = Ti.UI.createWindow({\r\n\tlayout : 'vertical',\r\n\tbackgroundColor : 'gray'\r\n});\r\n\r\nfunction Panel(PanelWidth) {\r\n\treturn Ti.UI.createView({\r\n\t\tborderColor : 'black',\r\n\t\twidth : PanelWidth,\r\n\t\theight : Ti.UI.SIZE,\r\n\t\tlayout : 'vertical',\r\n\t\tleft : 0,\r\n\t\ttop : 0,\r\n\t\tborderWidth : 2,\r\n\t\tborderRadius : 5\r\n\t});\r\n}\r\n\r\nfunction PanelLabel(ParentView, Title) {\r\n\tvar l1 = Ti.UI.createLabel({\r\n\t\ttext : Title + '\\n ',\r\n\t\tleft : '8dp',\r\n\t\tright : '8dp'\r\n\t});\r\n\tParentView.add(l1);\r\n}\r\n\r\nvar HeaderView1 = Ti.UI.createView({\r\n\twidth : Ti.UI.FILL,\r\n\theight : Ti.UI.SIZE,\r\n\tlayout : 'horizontal',\r\n\tbackgroundColor : 'yellow'\r\n});\r\nvar PanelWidthWide = '45%';\r\nvar PanelWidthNormal = '35%';\r\nvar PanelWidthExtra = '40%';\r\n\r\nvar Row1Box1 = Panel(PanelWidthWide);\r\nPanelLabel(Row1Box1, 'Row1Box1');\r\nHeaderView1.add(Row1Box1);\r\n\r\nvar Row1Box2 = Panel(PanelWidthWide);\r\nPanelLabel(Row1Box2, 'Row1Box2');\r\nHeaderView1.add(Row1Box2);\r\n\r\nvar HeaderView2 = Ti.UI.createView({\r\n\twidth : Ti.UI.FILL,\r\n\theight : Ti.UI.SIZE,\r\n\tlayout : 'horizontal',\r\n\tbackgroundColor : 'orange'\r\n});\r\n\r\nvar Row2Box1 = Panel(PanelWidthNormal);\r\nPanelLabel(Row2Box1, 'Row2Box1');\r\nHeaderView2.add(Row2Box1);\r\n\r\nvar Row2Box2 = Panel(PanelWidthExtra);\r\nPanelLabel(Row2Box2, 'Row2Box2');\r\nHeaderView2.add(Row2Box2);\r\n\r\nvar Row2Box3 = Panel(PanelWidthNormal);\r\nPanelLabel(Row2Box3, 'Row2Box3');\r\nHeaderView2.add(Row2Box3);\r\n\r\nvar Row1 = Ti.UI.createView({\r\n\tbackgroundColor : 'red',\r\n\theight : Ti.UI.SIZE,\r\n\twidth : Ti.UI.SIZE,\r\n\tleft : 0,\r\n\tlayout : 'horizontal'\r\n});\r\nRow1.add(HeaderView1);\r\n\r\nvar Row2 = Ti.UI.createView({\r\n\tbackgroundColor : 'blue',\r\n\theight : Ti.UI.SIZE,\r\n\twidth : Ti.UI.SIZE,\r\n\tleft : 0,\r\n\tlayout : 'horizontal'\r\n});\r\nRow2.add(HeaderView2);\r\n\r\nwin1.add(Row1);\r\nwin1.add(Row2);\r\nwin1.open();\r\n{code}\r\n{panel}", "attachment": [ { "id": "34005", "filename": "AndroidScreenShot.png", "author": { "name": "bitshftr", "key": "bitshftr", "displayName": "Shawn Lipscomb", "active": true, "timeZone": "America/New_York" }, "created": "2012-12-07T16:17:43.000+0000", "size": 13316, "mimeType": "image/png" }, { "id": "34004", "filename": "iPhoneScreenShot.png", "author": { "name": "bitshftr", "key": "bitshftr", "displayName": "Shawn Lipscomb", "active": true, "timeZone": "America/New_York" }, "created": "2012-12-07T16:17:43.000+0000", "size": 16933, "mimeType": "image/png" } ], "flagged": false, "summary": "iOS: Layout bug: horizontal layout Views with height=Ti.UI.SIZE are drawn with wrong height", "creator": { "name": "bitshftr", "key": "bitshftr", "displayName": "Shawn Lipscomb", "active": true, "timeZone": "America/New_York" }, "subtasks": [], "reporter": { "name": "bitshftr", "key": "bitshftr", "displayName": "Shawn Lipscomb", "active": true, "timeZone": "America/New_York" }, "environment": "-iOS 6.0 (simulator)\r\n-Mac OSX 10.7.2\r\n-Titanium Mobile SDK 2.1.4.GA\r\n-Titanium Studio 2.1.2.201208301612\r\n", "comment": { "comments": [ { "id": "230458", "author": { "name": "dsefton", "key": "dsefton", "displayName": "Daniel Sefton", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Tested and confirmed in iOS 6 simulator, Android emulator on Ti SDK 2.1.2 GA, 2.1.3 GA, 2.1.4 GA and 3.0 RC. All versions consistent with attached screenshots EXCEPT between 2.1.4 GA and 3.0 RC where the boxes in the Android emulator are in fact smaller, including the font.", "updateAuthor": { "name": "dsefton", "key": "dsefton", "displayName": "Daniel Sefton", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2012-12-07T22:21:08.000+0000", "updated": "2012-12-07T22:21:08.000+0000" }, { "id": "230864", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Pull pending https://github.com/appcelerator/titanium_mobile/pull/3572", "updateAuthor": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2012-12-11T18:12:53.000+0000", "updated": "2012-12-11T18:12:53.000+0000" }, { "id": "232571", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Backport PR to 3_0_X https://github.com/appcelerator/titanium_mobile/pull/3636", "updateAuthor": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2012-12-27T17:37:37.000+0000", "updated": "2012-12-27T17:37:37.000+0000" }, { "id": "232905", "author": { "name": "bitshftr", "key": "bitshftr", "displayName": "Shawn Lipscomb", "active": true, "timeZone": "America/New_York" }, "body": "HD ticket: [APP-233365|http://support.appcelerator.com/tickets/APP-233365]", "updateAuthor": { "name": "bitshftr", "key": "bitshftr", "displayName": "Shawn Lipscomb", "active": true, "timeZone": "America/New_York" }, "created": "2013-01-02T20:15:24.000+0000", "updated": "2013-01-02T20:15:24.000+0000" }, { "id": "232952", "author": { "name": "sbhadauria", "key": "sbhadauria", "displayName": "Shyam Bhadauria", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Views with height=Ti.UI.SIZE are rendering as expected.\r\nVerified with following\r\nTitanium SDK: 3.1.0.v20130102102603\r\nTitanium SDK:3.0.1.v20121228113204\r\nTitanium Studio:3.0.1.201212181159\r\nDevice:\r\niPad4\tiOs 6.0", "updateAuthor": { "name": "sbhadauria", "key": "sbhadauria", "displayName": "Shyam Bhadauria", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-01-03T10:44:01.000+0000", "updated": "2013-01-03T10:44:01.000+0000" }, { "id": "234148", "author": { "name": "bitshftr", "key": "bitshftr", "displayName": "Shawn Lipscomb", "active": true, "timeZone": "America/New_York" }, "body": "Verified fixed with SDK 3.1.0.v20130109175536", "updateAuthor": { "name": "bitshftr", "key": "bitshftr", "displayName": "Shawn Lipscomb", "active": true, "timeZone": "America/New_York" }, "created": "2013-01-14T07:56:13.000+0000", "updated": "2013-01-14T07:56:13.000+0000" } ], "maxResults": 8, "total": 8, "startAt": 0 } } }