{ "id": "77892", "key": "TIMOB-5185", "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": { "id": "5", "description": "All attempts at reproducing this issue failed, or not enough information was available to reproduce the issue. Reading the code produces no clues as to why this behavior would occur. If more information appears later, please reopen the issue.", "name": "Cannot Reproduce" }, "resolutiondate": "2017-06-07T17:58:20.000+0000", "created": "2011-07-17T13:15:48.000+0000", "priority": { "name": "Low", "id": "4" }, "labels": [], "versions": [], "issuelinks": [], "assignee": { "name": "ingo", "key": "ingo", "displayName": "Ingo Muschenetz", "active": true, "timeZone": "America/Los_Angeles" }, "updated": "2017-06-07T17:58:20.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": "I have a TableView with rows containing Labels to enable spanning multiple rows of text in a single TableViewRow. I have an orientationchange event listener that resets the width of the label and the height of the row it belongs to to make sure the rows properly display in landscape mode. If the height of the row shrinks (e.g. when the orientation changes from portrait to landscape), the bottom part of the display becomes messed up (see screenshot_landscape_lower.png).\r\n\r\nSee attachments for screenshots and the code below to reproduce the issue.\r\n\r\n{code:lang=javascript|title=app.js}\r\nvar win = Ti.UI.createWindow({\r\n orientationModes : [ \r\n \tTitanium.UI.PORTRAIT,\r\n \tTitanium.UI.LANDSCAPE_LEFT,\r\n \tTitanium.UI.LANDSCAPE_RIGHT\r\n ]\r\n});\r\n\r\nvar tableview = Ti.UI.createTableView({\r\n allowsSelection: false,\r\n style: Ti.UI.iPhone.TableViewStyle.GROUPED,\r\n scrollable: true\r\n});\r\n\r\nvar rows = [];\r\nrows.push(Ti.UI.createTableViewSection({ headerTitle: 'Title 1'}));\r\n\r\n/* Multi-line tableviewrow */\r\nvar row = Ti.UI.createTableViewRow({\r\n height: 'auto'\r\n});\r\nvar label = Ti.UI.createLabel({\r\n height: 'auto',\r\n width: Ti.Platform.displayCaps.platformWidth - 2 * (10+10),\r\n text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tristique purus sed magna accumsan id mollis velit ornare. Donec ut magna tempor erat fermentum interdum.',\r\n top: 10,\r\n bottom: 10,\r\n left: 10,\r\n right: 10,\r\n font: { fontSize: 16, fontWeight: 'bold' }\r\n});\r\nrow.add(label);\r\nrows.push(row);\r\n\r\n/* More single line table view rows */\r\nfor (var i = 2; i <= 5; i++) {\r\n rows.push(Ti.UI.createTableViewSection({ headerTitle: 'Title ' + i}));\r\n rows.push({ title: 'Lorem ipsum dolor ' + i});\r\n}\r\ntableview.data = rows;\r\nwin.add(tableview);\r\nwin.open();\r\n\r\n/* Recalculate label width on orientation change */\r\nTi.Gesture.addEventListener(\"orientationchange\", function(event) {\r\n label.width = Ti.Platform.displayCaps.platformWidth - 2 * (10+10);\r\n row.height = 'auto'; /* Otherwise the row maintains its height */\r\n});\r\n{code}", "attachment": [ { "id": "21871", "filename": "app.js", "author": { "name": "morinel", "key": "morinel", "displayName": "Jeroen van Vianen", "active": true, "timeZone": "Europe/Berlin" }, "created": "2011-07-17T13:15:48.000+0000", "size": 1283, "mimeType": "application/x-javascript" }, { "id": "21870", "filename": "screenshot_landscape_lower.png", "author": { "name": "morinel", "key": "morinel", "displayName": "Jeroen van Vianen", "active": true, "timeZone": "Europe/Berlin" }, "created": "2011-07-17T13:15:48.000+0000", "size": 130894, "mimeType": "image/png" }, { "id": "21869", "filename": "screenshot_landscape_upper.png", "author": { "name": "morinel", "key": "morinel", "displayName": "Jeroen van Vianen", "active": true, "timeZone": "Europe/Berlin" }, "created": "2011-07-17T13:15:48.000+0000", "size": 141046, "mimeType": "image/png" }, { "id": "21868", "filename": "screenshot_portrait_lower.png", "author": { "name": "morinel", "key": "morinel", "displayName": "Jeroen van Vianen", "active": true, "timeZone": "Europe/Berlin" }, "created": "2011-07-17T13:15:48.000+0000", "size": 148579, "mimeType": "image/png" }, { "id": "21867", "filename": "screenshot_portrait_upper.png", "author": { "name": "morinel", "key": "morinel", "displayName": "Jeroen van Vianen", "active": true, "timeZone": "Europe/Berlin" }, "created": "2011-07-17T13:15:48.000+0000", "size": 147393, "mimeType": "image/png" } ], "flagged": false, "summary": "Resizing label on orientationchange messes up bottom of page", "creator": { "name": "morinel", "key": "morinel", "displayName": "Jeroen van Vianen", "active": true, "timeZone": "Europe/Berlin" }, "subtasks": [], "reporter": { "name": "morinel", "key": "morinel", "displayName": "Jeroen van Vianen", "active": true, "timeZone": "Europe/Berlin" }, "environment": "* iPhone 4.3.4\r\n* simulator\r\n* Ti Studio + 1.7.1", "comment": { "comments": [ { "id": "421187", "author": { "name": "lmorris", "key": "lmorris", "displayName": "Lee Morris", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Closing this ticket as the issue cannot be reproduced with the following environment; \r\niPhone 7 (10.2)\r\nMacOS 10.11.6 (15G31)\r\nStudio 4.9.0.201705302345\r\nTi SDK 6.1.1.v20170606103146\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-07T17:58:20.000+0000", "updated": "2017-06-07T17:58:20.000+0000" } ], "maxResults": 1, "total": 1, "startAt": 0 } } }