{ "id": "119980", "key": "TIMOB-15193", "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": "15691", "description": "2013 Sprint 19", "name": "2013 Sprint 19", "archived": true, "released": true, "releaseDate": "2013-09-20" }, { "id": "15693", "description": "2013 Sprint 19 API", "name": "2013 Sprint 19 API", "archived": true, "released": true, "releaseDate": "2013-09-20" }, { "id": "15593", "description": "Release 3.1.3", "name": "Release 3.1.3", "archived": true, "released": true, "releaseDate": "2013-09-18" }, { "id": "14982", "description": "Release 3.2.0", "name": "Release 3.2.0", "archived": false, "released": true, "releaseDate": "2013-12-19" } ], "resolution": { "id": "1", "description": "A fix for this issue is checked into the tree and tested.", "name": "Fixed" }, "resolutiondate": "2013-09-17T20:31:27.000+0000", "created": "2013-09-15T15:20:44.000+0000", "priority": { "name": "High", "id": "2" }, "labels": [ "3.1.3", "ios7", "listview", "listviewitem", "triage" ], "versions": [], "issuelinks": [ { "id": "31900", "type": { "id": "10002", "name": "Duplicate", "inward": "is duplicated by", "outward": "duplicates" }, "outwardIssue": { "id": "116504", "key": "TIMOB-14392", "fields": { "summary": "iOS7: Background Colors & Scroll Indicator - background color of the list view is not supported", "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 } } } }, { "id": "31988", "type": { "id": "10003", "name": "Relates", "inward": "relates to", "outward": "relates to" }, "inwardIssue": { "id": "120144", "key": "TIMOB-15291", "fields": { "summary": "iOS7: backgroundColor=\"transparent\" doesn't work on custom templates", "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": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "updated": "2013-09-18T13:11:23.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": "See screen shots - looks good on iOS 6.1 but buggy on iOS 7. (Code updated to reflect last screenshot)\r\n\r\nindex.xml:\r\n{code}\r\n\r\n\t\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t\r\n\r\n{code}\r\n\r\nindex.tss\r\n{code}\r\n\".container\": {\r\n\tbackgroundColor:\"black\"\r\n}\r\n\"ListView\":{\r\n\tbackgroundColor: 'transparent'\r\n}\r\n{code}\r\n\r\nindex.js:\r\n{code}\r\n$.index.open();\r\n{code}\r\n", "attachment": [ { "id": "42501", "filename": "ios6.1-listview.png", "author": { "name": "mokesmokes", "key": "mokesmokes", "displayName": "Mark Mokryn", "active": true, "timeZone": "Asia/Jerusalem" }, "created": "2013-09-15T15:20:44.000+0000", "size": 18944, "mimeType": "image/png" }, { "id": "42500", "filename": "ios7-listview.png", "author": { "name": "mokesmokes", "key": "mokesmokes", "displayName": "Mark Mokryn", "active": true, "timeZone": "Asia/Jerusalem" }, "created": "2013-09-15T15:20:44.000+0000", "size": 13446, "mimeType": "image/png" }, { "id": "42508", "filename": "iOS7-ListView-Weird.png", "author": { "name": "mokesmokes", "key": "mokesmokes", "displayName": "Mark Mokryn", "active": true, "timeZone": "Asia/Jerusalem" }, "created": "2013-09-16T07:55:14.000+0000", "size": 33742, "mimeType": "image/png" } ], "flagged": false, "summary": "iOS7: ListItems in ListView are white and not transparent, strange separators", "creator": { "name": "mokesmokes", "key": "mokesmokes", "displayName": "Mark Mokryn", "active": true, "timeZone": "Asia/Jerusalem" }, "subtasks": [], "reporter": { "name": "mokesmokes", "key": "mokesmokes", "displayName": "Mark Mokryn", "active": true, "timeZone": "Asia/Jerusalem" }, "environment": "SDK 3.1.3RC, iOS7 buggy, OK on iOS 6.1", "comment": { "comments": [ { "id": "271171", "author": { "name": "mokesmokes", "key": "mokesmokes", "displayName": "Mark Mokryn", "active": true, "timeZone": "Asia/Jerusalem" }, "body": "Additional observation: if I set one of the ListItems in the following manner:\n{code}\n\n{code}\nthen indeed the background is red on iOS7, however setting backgroundColor=\"transparent\" in the same manner has no effect - the item stays white.", "updateAuthor": { "name": "mokesmokes", "key": "mokesmokes", "displayName": "Mark Mokryn", "active": true, "timeZone": "Asia/Jerusalem" }, "created": "2013-09-15T16:00:33.000+0000", "updated": "2013-09-15T16:00:33.000+0000" }, { "id": "271193", "author": { "name": "mokesmokes", "key": "mokesmokes", "displayName": "Mark Mokryn", "active": true, "timeZone": "Asia/Jerusalem" }, "body": "And an additional visible bug here: look at the iOS 7 ListView: the dividers are not extending to the left edge of the window. In my app, where I have thumbnails on the left side it causes \"bleeding\" of the image over this edge and looks unprofessional.", "updateAuthor": { "name": "mokesmokes", "key": "mokesmokes", "displayName": "Mark Mokryn", "active": true, "timeZone": "Asia/Jerusalem" }, "created": "2013-09-16T06:15:08.000+0000", "updated": "2013-09-16T06:15:08.000+0000" }, { "id": "271194", "author": { "name": "ingo", "key": "ingo", "displayName": "Ingo Muschenetz", "active": true, "timeZone": "America/Los_Angeles" }, "body": "[~mokesmokes] note that the \"indented\" behavior is standard in iOS 7 (as noted in TIMOB-14986), so there is little that can be done about that appearance.", "updateAuthor": { "name": "ingo", "key": "ingo", "displayName": "Ingo Muschenetz", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-09-16T06:20:23.000+0000", "updated": "2013-09-16T06:20:23.000+0000" }, { "id": "271203", "author": { "name": "mokesmokes", "key": "mokesmokes", "displayName": "Mark Mokryn", "active": true, "timeZone": "Asia/Jerusalem" }, "body": "There is still something strange, take a look at the additional screen shot I posted: The indentation occurs for empty items, or items where the content is not viewable due to the backgroundColor bug. For visible items, the left edge of the separator appears to be highlighted, or a different weight, than most of the separator. (Additional note: I am now noticing that Apple's TableViews also have that indentation, however they remain indented when there is content, unlike 3.1.3RC which apparently emphasizes that part of the separator)", "updateAuthor": { "name": "mokesmokes", "key": "mokesmokes", "displayName": "Mark Mokryn", "active": true, "timeZone": "Asia/Jerusalem" }, "created": "2013-09-16T07:59:43.000+0000", "updated": "2013-09-16T08:14:18.000+0000" }, { "id": "271211", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Already caught and exposed by our internal tests in Kitchen Sink and we have punted this to 3.2.0 or later depending on resource availability.\nThe TableView subview hierarchy has changed and the tableView cells are no longer direct subviews of the tableView but of a separate wrapper view which ofcourse is not exposed and we have no idea what the properties of this wrapper view are.\nMoreover iOS7 has some issues with refreshing cell separators when reloading rows\n\nSo yes transparent background does not work but other colors should as long as explicitly set. Default seems to be white.\n\nRegarding separators not extending all the way across, that is an iOS 7 design change we have no control over.", "updateAuthor": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2013-09-16T08:32:12.000+0000", "updated": "2013-09-16T08:32:12.000+0000" }, { "id": "271213", "author": { "name": "mokesmokes", "key": "mokesmokes", "displayName": "Mark Mokryn", "active": true, "timeZone": "Asia/Jerusalem" }, "body": "Probably related re the transparent background: http://stackoverflow.com/questions/17081067/uitableview-transparant-background-in-ios-7", "updateAuthor": { "name": "mokesmokes", "key": "mokesmokes", "displayName": "Mark Mokryn", "active": true, "timeZone": "Asia/Jerusalem" }, "created": "2013-09-16T09:05:47.000+0000", "updated": "2013-09-16T09:05:47.000+0000" }, { "id": "271230", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "body": "[~mokesmokes]\ncool. Totally works. Setting up PR.", "updateAuthor": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2013-09-16T10:57:30.000+0000", "updated": "2013-09-16T10:57:30.000+0000" }, { "id": "271252", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "body": "The problem is that we have no way to get the default background color of the ListItem unless it is attached to the ListView (Needed for undefined behavior). And by then it is too late because we've already stored null which is incorrect. The only way to fix it is to define a default background Color on the ListItem like in TableView (which is white). But that would be a change in behavior. Maybe we should punt this out of 3.1.3 and change behavior in 3.2.0 with the remaining V2 fixes.", "updateAuthor": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2013-09-16T13:02:02.000+0000", "updated": "2013-09-16T13:02:29.000+0000" }, { "id": "271254", "author": { "name": "mokesmokes", "key": "mokesmokes", "displayName": "Mark Mokryn", "active": true, "timeZone": "Asia/Jerusalem" }, "body": "Personally, in my app, I can handle it. But I can imagine that for some apps it may be terrible - e.g. imagine that the window background is supposed to be viewed through the list view - this capability would be blown away until fixed. 3.2.0 is a long ways off...", "updateAuthor": { "name": "mokesmokes", "key": "mokesmokes", "displayName": "Mark Mokryn", "active": true, "timeZone": "Asia/Jerusalem" }, "created": "2013-09-16T13:20:45.000+0000", "updated": "2013-09-16T13:20:45.000+0000" }, { "id": "271322", "author": { "name": "ingo", "key": "ingo", "displayName": "Ingo Muschenetz", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Will _attempt_ to get this into 3.1.3", "updateAuthor": { "name": "ingo", "key": "ingo", "displayName": "Ingo Muschenetz", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-09-16T18:19:19.000+0000", "updated": "2013-09-16T18:19:19.000+0000" }, { "id": "271509", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Pull pending\r\nmaster - https://github.com/appcelerator/titanium_mobile/pull/4701\r\n3_1_X - https://github.com/appcelerator/titanium_mobile/pull/4702", "updateAuthor": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2013-09-17T17:12:19.000+0000", "updated": "2013-09-17T17:12:19.000+0000" }, { "id": "271523", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Test Code. Shows table view and list view. Play with style GROUPED and PLAIN. Also with background colors of the table View. Essentially what you want to see is that transparent backgroundColor is respected\n\n{code}\nvar win = Ti.UI.createWindow({backgroundColor: 'red'});\n\nvar listView = Ti.UI.createListView();\nvar sections = [];\n\nvar section1 = Ti.UI.createListSection({ headerTitle: 'Section 1'});\nvar section1DataSet = [\n {properties: { title: 'My Background Color is White', backgroundColor:'white'}},\n {properties: { title: 'My Background Color is Yellow', backgroundColor:'yellow'}},\n {properties: { title: 'My Background Color is Green', backgroundColor:'green'}},\n {properties: { title: 'My Background Color is Transparent', backgroundColor:'transparent'}},\n {properties: { title: 'My Background Color is Undefined'}},\n {properties: { title: 'My Background Color is White', backgroundColor:'white'}},\n {properties: { title: 'My Background Color is Yellow', backgroundColor:'yellow'}},\n {properties: { title: 'My Background Color is Green', backgroundColor:'green'}},\n {properties: { title: 'My Background Color is Transparent', backgroundColor:'transparent'}},\n {properties: { title: 'My Background Color is Undefined'}},\n {properties: { title: 'My Background Color is White', backgroundColor:'white'}},\n {properties: { title: 'My Background Color is Yellow', backgroundColor:'yellow'}},\n {properties: { title: 'My Background Color is Green', backgroundColor:'green'}},\n {properties: { title: 'My Background Color is Transparent', backgroundColor:'transparent'}},\n {properties: { title: 'My Background Color is Undefined'}},\n {properties: { title: 'My Background Color is White', backgroundColor:'white'}},\n {properties: { title: 'My Background Color is Yellow', backgroundColor:'yellow'}},\n {properties: { title: 'My Background Color is Green', backgroundColor:'green'}},\n {properties: { title: 'My Background Color is Transparent', backgroundColor:'transparent'}},\n {properties: { title: 'My Background Color is Undefined'}},\n {properties: { title: 'My Background Color is White', backgroundColor:'white'}},\n {properties: { title: 'My Background Color is Yellow', backgroundColor:'yellow'}},\n {properties: { title: 'My Background Color is Green', backgroundColor:'green'}},\n {properties: { title: 'My Background Color is Transparent', backgroundColor:'transparent'}},\n {properties: { title: 'My Background Color is Undefined'}},\n];\nsection1.setItems(section1DataSet);\nsections.push(section1);\n\nlistView.sections = sections;\nlistView.style=Ti.UI.iPhone.ListViewStyle.GROUPED;\nwin.add(listView);\n\nvar win2 = Ti.UI.createWindow({backgroundColor: 'red'});\nvar data = [\n { title: 'My Background Color is White', backgroundColor:'white', header:'Section 1'},\n { title: 'My Background Color is Yellow', backgroundColor:'yellow'},\n { title: 'My Background Color is Green', backgroundColor:'green'},\n { title: 'My Background Color is Transparent', backgroundColor:'transparent'},\n { title: 'My Background Color is Undefined'},\n { title: 'My Background Color is White', backgroundColor:'white'},\n { title: 'My Background Color is Yellow', backgroundColor:'yellow'},\n { title: 'My Background Color is Green', backgroundColor:'green'},\n { title: 'My Background Color is Transparent', backgroundColor:'transparent'},\n { title: 'My Background Color is Undefined'},\n { title: 'My Background Color is White', backgroundColor:'white'},\n { title: 'My Background Color is Yellow', backgroundColor:'yellow'},\n { title: 'My Background Color is Green', backgroundColor:'green'},\n { title: 'My Background Color is Transparent', backgroundColor:'transparent'},\n { title: 'My Background Color is Undefined'},\n { title: 'My Background Color is White', backgroundColor:'white'},\n { title: 'My Background Color is Yellow', backgroundColor:'yellow'},\n { title: 'My Background Color is Green', backgroundColor:'green'},\n { title: 'My Background Color is Transparent', backgroundColor:'transparent'},\n { title: 'My Background Color is Undefined'},\n { title: 'My Background Color is White', backgroundColor:'white'},\n { title: 'My Background Color is Yellow', backgroundColor:'yellow'},\n { title: 'My Background Color is Green', backgroundColor:'green'},\n { title: 'My Background Color is Transparent', backgroundColor:'transparent'},\n { title: 'My Background Color is Undefined'},\n]\n\nvar tableView = Ti.UI.createTableView({\n data:data\n});\n\ntableView.style = Ti.UI.iPhone.TableViewStyle.GROUPED;\nwin2.add(tableView);\n\n\nvar tabGrp = Ti.UI.createTabGroup();\nvar tab1 = Ti.UI.createTab({\n window:win,\n title:'LIST'\n})\n\nvar tab2 = Ti.UI.createTab({\n window:win2,\n title:'TABLE'\n})\n\ntabGrp.tabs = [tab1,tab2];\n\n\ntabGrp.open();\n{code}", "updateAuthor": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2013-09-17T17:51:44.000+0000", "updated": "2013-09-17T17:51:44.000+0000" }, { "id": "271631", "author": { "name": "fcasali", "key": "fcasali", "displayName": "Federico Casali", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Verified as fixed both using the Alloy code provided in the description and the code provided by Vishal.\nTransparent backgroundColor is respected.\n\nTitanium SDK 3.1.3.v20130917141554\nAlloy 1.2.2-cr\nAppcelerator Studio 3.1.3.201309132456\nCLI 3.1.2.GA\nNode 0.10.13\n\nClosing.", "updateAuthor": { "name": "fcasali", "key": "fcasali", "displayName": "Federico Casali", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-09-18T00:21:51.000+0000", "updated": "2013-09-18T00:21:51.000+0000" }, { "id": "271721", "author": { "name": "mokesmokes", "key": "mokesmokes", "displayName": "Mark Mokryn", "active": true, "timeZone": "Asia/Jerusalem" }, "body": "Indeed \"transparent\" works, and the fix seems to solve the separator issue. Thanks! \r\nHowever, iOS7 behaves differently from older iOS and Android in that the items by default now have a white background and not transparent. This should be documented, if not fixed. And BTW - I have not succeeded in setting the item backgroundColor in a custom template in Alloy, but that's another issue.... :-)", "updateAuthor": { "name": "mokesmokes", "key": "mokesmokes", "displayName": "Mark Mokryn", "active": true, "timeZone": "Asia/Jerusalem" }, "created": "2013-09-18T12:38:26.000+0000", "updated": "2013-09-18T12:38:26.000+0000" }, { "id": "271724", "author": { "name": "mokesmokes", "key": "mokesmokes", "displayName": "Mark Mokryn", "active": true, "timeZone": "Asia/Jerusalem" }, "body": "Actually there is a bug with alloy, custom templates, and transparent backgroundColor for the list items. See the code below:\r\n{code}\r\n\r\n\t\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\r\n\r\n\r\nAnd index.tss:\r\n\".container\": {\r\n\tbackgroundColor:\"black\"\r\n}\r\n\"ListView\":{\r\n\tbackgroundColor: 'transparent'\r\n}\r\n\"#lv\": {\r\n\ttop: '10dp',\r\n\theight: '100dp'\r\n}\r\n\"#lv2\": {\r\n\ttop: '110dp',\r\n\theight: '300dp'\r\n}\r\n{code}\r\n\r\ntemplate1 will stay white. If you change \"transparent\" to \"blue\" it's ok, but transparent doesn't work. Tested with alloy 1.2.2-cr", "updateAuthor": { "name": "mokesmokes", "key": "mokesmokes", "displayName": "Mark Mokryn", "active": true, "timeZone": "Asia/Jerusalem" }, "created": "2013-09-18T13:01:00.000+0000", "updated": "2013-09-18T13:01:00.000+0000" }, { "id": "271725", "author": { "name": "ingo", "key": "ingo", "displayName": "Ingo Muschenetz", "active": true, "timeZone": "America/Los_Angeles" }, "body": "[~bhatfield], can you please document the behavior difference. [~mokesmokes] if you can't get the Alloy aspect to work for you, can you please file a ticket and let us know so we can follow up there?", "updateAuthor": { "name": "ingo", "key": "ingo", "displayName": "Ingo Muschenetz", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-09-18T13:01:52.000+0000", "updated": "2013-09-18T13:01:52.000+0000" }, { "id": "271730", "author": { "name": "mokesmokes", "key": "mokesmokes", "displayName": "Mark Mokryn", "active": true, "timeZone": "Asia/Jerusalem" }, "updateAuthor": { "name": "mokesmokes", "key": "mokesmokes", "displayName": "Mark Mokryn", "active": true, "timeZone": "Asia/Jerusalem" }, "created": "2013-09-18T13:08:05.000+0000", "updated": "2013-09-18T13:08:05.000+0000" } ], "maxResults": 18, "total": 18, "startAt": 0 } } }