{ "id": "119683", "key": "TIMOB-15086", "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": "3", "description": "The problem is a duplicate of an existing issue.", "name": "Duplicate" }, "resolutiondate": "2013-10-28T18:20:44.000+0000", "created": "2013-09-08T08:00:53.000+0000", "priority": { "name": "High", "id": "2" }, "labels": [ "ios7", "listview", "tableView", "tableViewRow" ], "versions": [], "issuelinks": [ { "id": "32849", "type": { "id": "10002", "name": "Duplicate", "inward": "is duplicated by", "outward": "duplicates" }, "outwardIssue": { "id": "120003", "key": "TIMOB-15202", "fields": { "summary": "iOS7: Label text partially hiding so height has to be increased one point", "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" } }, "priority": { "name": "High", "id": "2" }, "issuetype": { "id": "1", "description": "A problem which impairs or prevents the functions of the product.", "name": "Bug", "subtask": false } } } } ], "assignee": { "name": "blainhamon", "key": "blainhamon", "displayName": "Blain Hamon", "active": true, "timeZone": "America/Los_Angeles" }, "updated": "2017-03-20T22:12:45.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": "PROBLEM:\r\nIf you add a quite long text in iOS 7 in a label, it will cut the text in half by the middle. Check the images. \r\n\r\nTESTCASE:\r\n{code}\r\nvar win = Ti.UI.createWindow({fullscreen:true});\r\n \r\nvar table = Ti.UI.createTableView( {rowHeight:60});\r\n \r\nvar createLabel = Ti.UI.createLabel;\r\nvar createTableViewRow= Ti.UI.createTableViewRow;\r\n \r\nvar row1 = createTableViewRow();\r\nvar row2 = createTableViewRow();\r\nvar row3 = createTableViewRow();\r\n \r\n row1.add( \r\n [ \r\n createLabel({ \r\n text:'a VERY VERY VERY VERY VERY VERY VERY long name',\r\n font:{fontSize:14,fontWeight:'bold'},\r\n width:'auto',\r\n textAlign:'left',\r\n top:4,\r\n left:5,\r\n height:16,\r\n \r\n })\r\n \r\n ,\r\n createLabel({\r\n color:'gray',\r\n text:'sub label',\r\n font:{fontSize:12,fontWeight:'bold'},\r\n width:'auto',\r\n textAlign:'left',\r\n bottom:4,\r\n left:5,\r\n height:14,\r\n \r\n })\r\n ,\r\n \r\n createLabel({\r\n text:'label',\r\n font:{fontSize:12,fontWeight:'bold'},\r\n width:'60',\r\n textAlign:'right',\r\n bottom:4,\r\n right:4,\r\n height:14,\r\n \r\n })\r\n \r\n ]\r\n \r\n);\r\n \r\nrow2.add( \r\n [ \r\n createLabel({ \r\n text:'another VERY VERY VERY VERY VERY VERY VERY long name',\r\n font:{fontSize:14,fontWeight:'bold'},\r\n width:'auto',\r\n textAlign:'left',\r\n top:4,\r\n left:5,\r\n height:16,\r\n \r\n })\r\n \r\n ,\r\n \r\n createLabel({\r\n color:'gray',\r\n text:'sub label',\r\n font:{fontSize:12,fontWeight:'bold'},\r\n width:'auto',\r\n textAlign:'left',\r\n bottom:4,\r\n left:5,\r\n height:14,\r\n \r\n })\r\n ,\r\n \r\n createLabel({\r\n text:'label',\r\n font:{fontSize:12,fontWeight:'bold'},\r\n width:'60',\r\n textAlign:'right',\r\n bottom:4,\r\n right:4,\r\n height:14,\r\n \r\n })\r\n \r\n \r\n ]\r\n \r\n);\r\n \r\nrow3.add( \r\n [ \r\n \r\n createLabel({ \r\n text:'rather short name',\r\n font:{fontSize:14,fontWeight:'bold'},\r\n width:'auto',\r\n textAlign:'left',\r\n top:4,\r\n left:5,\r\n height:16,\r\n \r\n }) \r\n ,\r\n createLabel({\r\n color:'gray',\r\n text:'sub label',\r\n font:{fontSize:12,fontWeight:'bold'},\r\n width:'auto',\r\n textAlign:'left',\r\n bottom:4,\r\n left:5,\r\n height:14,\r\n \r\n })\r\n , \r\n createLabel({\r\n text:'label',\r\n font:{fontSize:12,fontWeight:'bold'},\r\n width:'60',\r\n textAlign:'right',\r\n bottom:4,\r\n right:4,\r\n height:14,\r\n \r\n })\r\n \r\n \r\n ]\r\n \r\n);\r\n \r\n \r\ntable.data = [row1,row2,row3];\r\nwin.add(table);\r\n \r\nwin.open();\r\n{code}\r\n\r\n", "attachment": [ { "id": "42301", "filename": "ios6.png", "author": { "name": "vince", "key": "vince", "displayName": "Vincent ", "active": true, "timeZone": "Europe/Paris" }, "created": "2013-09-08T08:00:53.000+0000", "size": 31287, "mimeType": "image/png" }, { "id": "42302", "filename": "ios7.png", "author": { "name": "vince", "key": "vince", "displayName": "Vincent ", "active": true, "timeZone": "Europe/Paris" }, "created": "2013-09-08T08:00:53.000+0000", "size": 28221, "mimeType": "image/png" } ], "flagged": false, "summary": "iOS7: Label clipped in custom TableViewRows including Label", "creator": { "name": "vince", "key": "vince", "displayName": "Vincent ", "active": true, "timeZone": "Europe/Paris" }, "subtasks": [], "reporter": { "name": "vince", "key": "vince", "displayName": "Vincent ", "active": true, "timeZone": "Europe/Paris" }, "environment": "Mac OS 10.8.4\r\nTitanium studio 3.1.3\r\nTitanium SDK 3.1.2.GA\r\nIOS7\r\nXCODE 5 DP 5\r\n", "comment": { "comments": [ { "id": "270206", "author": { "name": "vince", "key": "vince", "displayName": "Vincent ", "active": true, "timeZone": "Europe/Paris" }, "body": "Test Case\r\n\r\n{code:javascript} \r\n\r\nvar win = Ti.UI.createWindow({fullscreen:true});\r\n\r\nvar table = Ti.UI.createTableView( {rowHeight:60});\r\n\r\nvar createLabel = Ti.UI.createLabel;\r\nvar createTableViewRow= Ti.UI.createTableViewRow;\r\n\r\nvar row1 = createTableViewRow();\r\nvar row2 = createTableViewRow();\r\nvar row3 = createTableViewRow();\r\n\r\n row1.add( \r\n\t [ \r\n\t \tcreateLabel({\t\r\n\t\t\ttext:'a VERY VERY VERY VERY VERY VERY VERY long name',\r\n\t\t\tfont:{fontSize:14,fontWeight:'bold'},\r\n\t\t\twidth:'auto',\r\n\t\t\ttextAlign:'left',\r\n\t\t\ttop:4,\r\n\t\t\tleft:5,\r\n\t\t\theight:16,\r\n\t\t\t\r\n\t })\r\n\t\r\n\t,\r\n\t \tcreateLabel({\r\n\t\t\tcolor:'gray',\r\n\t\t\ttext:'sub label',\r\n\t\t\tfont:{fontSize:12,fontWeight:'bold'},\r\n\t\t\twidth:'auto',\r\n\t\t\ttextAlign:'left',\r\n\t\t\tbottom:4,\r\n\t\t\tleft:5,\r\n\t\t\theight:14,\r\n\t\t\t\r\n\t })\r\n\t ,\r\n\t \r\n\t createLabel({\r\n text:'label',\r\n font:{fontSize:12,fontWeight:'bold'},\r\n width:'60',\r\n textAlign:'right',\r\n bottom:4,\r\n right:4,\r\n height:14,\r\n \r\n })\r\n\t \r\n ]\r\n\r\n);\r\n\r\nrow2.add( \r\n\t [ \r\n\t \tcreateLabel({\t\r\n\t\t\ttext:'another VERY VERY VERY VERY VERY VERY VERY long name',\r\n\t\t\tfont:{fontSize:14,fontWeight:'bold'},\r\n\t\t\twidth:'auto',\r\n\t\t\ttextAlign:'left',\r\n\t\t\ttop:4,\r\n\t\t\tleft:5,\r\n\t\t\theight:16,\r\n\t\t\t\r\n\t })\r\n\t\r\n\t,\r\n\t \r\n\t \tcreateLabel({\r\n\t\t\tcolor:'gray',\r\n\t\t\ttext:'sub label',\r\n\t\t\tfont:{fontSize:12,fontWeight:'bold'},\r\n\t\t\twidth:'auto',\r\n\t\t\ttextAlign:'left',\r\n\t\t\tbottom:4,\r\n\t\t\tleft:5,\r\n\t\t\theight:14,\r\n\t\t\t\r\n\t })\r\n\t ,\r\n\t \r\n\t createLabel({\r\n text:'label',\r\n font:{fontSize:12,fontWeight:'bold'},\r\n width:'60',\r\n textAlign:'right',\r\n bottom:4,\r\n right:4,\r\n height:14,\r\n \r\n })\r\n\t \r\n\t \r\n ]\r\n\r\n);\r\n\r\nrow3.add( \r\n\t [ \r\n\t \r\n\t \tcreateLabel({\t\r\n\t\t\ttext:'rather short name',\r\n\t\t\tfont:{fontSize:14,fontWeight:'bold'},\r\n\t\t\twidth:'auto',\r\n\t\t\ttextAlign:'left',\r\n\t\t\ttop:4,\r\n\t\t\tleft:5,\r\n\t\t\theight:16,\r\n\t\t\t\r\n\t })\t\r\n\t,\r\n\t \tcreateLabel({\r\n\t\t\tcolor:'gray',\r\n\t\t\ttext:'sub label',\r\n\t\t\tfont:{fontSize:12,fontWeight:'bold'},\r\n\t\t\twidth:'auto',\r\n\t\t\ttextAlign:'left',\r\n\t\t\tbottom:4,\r\n\t\t\tleft:5,\r\n\t\t\theight:14,\r\n\t\t\t\r\n\t })\r\n\t , \r\n\t createLabel({\r\n text:'label',\r\n font:{fontSize:12,fontWeight:'bold'},\r\n width:'60',\r\n textAlign:'right',\r\n bottom:4,\r\n right:4,\r\n height:14,\r\n \r\n })\r\n\t \r\n\t \r\n ]\r\n\r\n);\r\n\r\n\r\ntable.data = [row1,row2,row3];\r\nwin.add(table);\r\n\r\nwin.open();\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n{code} ", "updateAuthor": { "name": "vince", "key": "vince", "displayName": "Vincent ", "active": true, "timeZone": "Europe/Paris" }, "created": "2013-09-08T08:04:10.000+0000", "updated": "2013-09-08T08:05:44.000+0000" }, { "id": "270278", "author": { "name": "vince", "key": "vince", "displayName": "Vincent ", "active": true, "timeZone": "Europe/Paris" }, "body": "same problem with a listView", "updateAuthor": { "name": "vince", "key": "vince", "displayName": "Vincent ", "active": true, "timeZone": "Europe/Paris" }, "created": "2013-09-09T08:34:58.000+0000", "updated": "2013-09-09T08:34:58.000+0000" }, { "id": "270494", "author": { "name": "blainhamon", "key": "blainhamon", "displayName": "Blain Hamon", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Problem happens independent of table view. Workaround is to use a minimum height of 18.", "updateAuthor": { "name": "blainhamon", "key": "blainhamon", "displayName": "Blain Hamon", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-09-10T00:02:47.000+0000", "updated": "2013-09-10T00:02:47.000+0000" }, { "id": "270499", "author": { "name": "blainhamon", "key": "blainhamon", "displayName": "Blain Hamon", "active": true, "timeZone": "America/Los_Angeles" }, "body": "It should be noted that 16 pixels is way too small for a 14-point font; the 'point' in a font does not include the decenders (e.g., the portions of g,j,p,q, and y below the baseline)", "updateAuthor": { "name": "blainhamon", "key": "blainhamon", "displayName": "Blain Hamon", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-09-10T00:22:15.000+0000", "updated": "2013-09-10T00:22:15.000+0000" }, { "id": "270500", "author": { "name": "blainhamon", "key": "blainhamon", "displayName": "Blain Hamon", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Smaller test case:\n{code}\nvar win = Ti.UI.createWindow({fullscreen:true}); \nvar createLabel = Ti.UI.createLabel;\n\nwin.add([ \n createLabel({ \n text:'a VERY VERY VERY VERY VERY VERY VERY long name',\n font:{fontSize:14,fontWeight:'bold'},\n width:'auto',\n textAlign:'left',\n top:4,\n left:5,\n height:17,\n backgroundColor:'red'\n }),\n createLabel({ \n text:'another VERY VERY VERY VERY VERY VERY VERY long name',\n font:{fontSize:14,fontWeight:'bold'},\n width:'auto',\n textAlign:'left',\n top:40,\n left:5,\n height:16,\n backgroundColor:'blue' \n })]\n);\nwin.open();\n{code}", "updateAuthor": { "name": "blainhamon", "key": "blainhamon", "displayName": "Blain Hamon", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-09-10T00:25:42.000+0000", "updated": "2013-09-10T00:25:42.000+0000" }, { "id": "414059", "author": { "name": "lmorris", "key": "lmorris", "displayName": "Lee Morris", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Closing ticket as duplicate.", "updateAuthor": { "name": "lmorris", "key": "lmorris", "displayName": "Lee Morris", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2017-03-20T22:12:45.000+0000", "updated": "2017-03-20T22:12:45.000+0000" } ], "maxResults": 6, "total": 6, "startAt": 0 } } }