{ "id": "176131", "key": "TIMOB-28406", "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": "21050", "name": "Release 10.0.0", "archived": false, "released": true, "releaseDate": "2021-05-17" } ], "resolution": { "id": "1", "description": "A fix for this issue is checked into the tree and tested.", "name": "Fixed" }, "resolutiondate": "2021-04-08T22:43:55.000+0000", "created": "2021-03-19T20:26:01.000+0000", "priority": { "name": "High", "id": "2" }, "labels": [ "android", "regression" ], "versions": [ { "id": "21052", "description": "", "name": "Release 9.3.0", "archived": false, "released": true, "releaseDate": "2020-12-14" } ], "issuelinks": [], "assignee": { "name": "gmathews", "key": "gmathews", "displayName": "Gary Mathews", "active": true, "timeZone": "America/Los_Angeles" }, "updated": "2021-04-09T13:34:46.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": "10202", "name": "Android", "description": "Android Platform" } ], "description": "Hi all, i found a bug on Android when insert a ListView on a window modal with a transparent background. \r\nIf i use SDK 9.2.1- it works fine, but using 9.3.0+ ListView disappears from the modal. \r\n\r\nXML:\r\n\r\n\r\n{code:java}\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n{code}\r\n\r\nTSS: \r\n\r\n\r\n{code:java}\r\n\r\n'#win': {\r\n height: Ti.UI.FILL,\r\n width: Ti.UI.FILL,\r\n backgroundColor: \"#80000000\",\r\n}\r\n\r\n\"#win[platform=android]\": {\r\n activityExitTransition: Ti.UI.Android.TRANSITION_FADE_OUT,\r\n theme: \"Theme.Modal\",\r\n modal: true,\r\n navBarHidden: true\r\n}\r\n\r\n'#list': {\r\n width: Ti.UI.FILL,\r\n height: Ti.UI.FILL,\r\n /* backgroundColor: \"#F2F2F2\", */\r\n borderRadius: 6,\r\n accessoryType: Ti.UI.LIST_ACCESSORY_TYPE_NONE,\r\n opacity: 1\r\n}\r\n\r\n'#container': {\r\n width: \"90%\",\r\n height: \"70%\",\r\n layout: 'vertical',\r\n backgroundColor: \"white\",\r\n borderRadius: 8\r\n}\r\n\r\n'#imgSearch': {\r\n right: 5,\r\n top: 5,\r\n bottom: 5,\r\n width: Ti.UI.SIZE,\r\n height: Ti.UI.SIZE\r\n}\r\n\r\n'#vSearch': {\r\n height: 40,\r\n width: Ti.UI.FILL,\r\n left: 5,\r\n right: 5,\r\n borderWidth: 1,\r\n borderRadius: 10,\r\n borderColor: \"gray\"\r\n}\r\n\r\n'#txtSearch': {\r\n font: {\r\n fontSize: 14,\r\n fontWeight: \"normal\"\r\n },\r\n color: \"black\",\r\n hintText: \"Pesquisar...\",\r\n width: Ti.UI.FILL,\r\n right: 40,\r\n left: 5,\r\n backgroundColor: \"transparent\"\r\n}\r\n\r\n'#searchBar': {\r\n height: 0,\r\n width: 0,\r\n hiddenBehavior: Ti.UI.HIDDEN_BEHAVIOR_GONE,\r\n visible: false\r\n}\r\n\r\n'.lblItem': {\r\n font: {\r\n fontSize: 15,\r\n fontWeight: \"normal\"\r\n },\r\n color: \"black\",\r\n textAlign: Ti.UI.TEXT_ALIGNMENT_LEFT,\r\n left: 10,\r\n right: 5,\r\n width: Ti.UI.SIZE,\r\n height: Ti.UI.SIZE,\r\n top: 7,\r\n bottom: 7\r\n}\r\n{code}\r\n\r\nJS: \r\n\r\n\r\n{code:java}\r\nvar args = $.args;\r\n\r\n$.defaultRow.add(\r\n [\r\n {\r\n \"id\": 888,\r\n \"texto\": \"ADMINISTRADOR\"\r\n },\r\n {\r\n \"id\": 555,\r\n \"texto\": \"ADVOGADO\"\r\n },\r\n {\r\n \"id\": 111,\r\n \"texto\": \"ADVOGADO\"\r\n },\r\n {\r\n \"id\": 222,\r\n \"texto\": \"AGENCIADOR DE PROPAGANDA\"\r\n },\r\n {\r\n \"id\": 333,\r\n \"texto\": \"AGENTE ADMINISTRATIVO\"\r\n }\r\n ]\r\n)\r\n\r\n$.win.addEventListener(\"postlayout\", poslay);\r\n\r\nfunction poslay(e) {\r\n $.txtSearch.focus();\r\n $.win.removeEventListener(\"postlayout\", poslay);\r\n}\r\n\r\nfunction lvClick(e){\r\n var item = e.section.getItemAt(e.itemIndex);\r\n}\r\n\r\nfunction search(e){\r\n $.searchBar.value = $.txtSearch.value;\r\n}\r\n\r\n$.win.addEventListener(\"androidback\", function(e) {\r\n $.win.close();\r\n});\r\n\r\nfunction exit(e){\r\n $.win.close();\r\n}\r\n\r\n{code}\r\n\r\n\r\n", "attachment": [ { "id": "67850", "filename": "SDK-9.2.1-.jpg", "author": { "name": "jordanbisato", "key": "jordanbisato", "displayName": "Jórdan Luiz Bisato", "active": true, "timeZone": "America/Sao_Paulo" }, "created": "2021-03-19T19:57:30.000+0000", "size": 107643, "mimeType": "image/jpeg" }, { "id": "67849", "filename": "SDK-9.3.0+.jpg", "author": { "name": "jordanbisato", "key": "jordanbisato", "displayName": "Jórdan Luiz Bisato", "active": true, "timeZone": "America/Sao_Paulo" }, "created": "2021-03-19T19:57:30.000+0000", "size": 67831, "mimeType": "image/jpeg" } ], "flagged": false, "summary": "ListView on a modal with a transparent background is invisible", "creator": { "name": "jordanbisato", "key": "jordanbisato", "displayName": "Jórdan Luiz Bisato", "active": true, "timeZone": "America/Sao_Paulo" }, "subtasks": [], "reporter": { "name": "jordanbisato", "key": "jordanbisato", "displayName": "Jórdan Luiz Bisato", "active": true, "timeZone": "America/Sao_Paulo" }, "environment": "Android 10. SDK 9.3.0+", "closedSprints": [ { "id": 1221, "state": "closed", "name": "2021 Sprint 7", "startDate": "2021-03-29T19:18:00.000Z", "endDate": "2021-04-09T19:18:00.000Z", "completeDate": "2021-04-12T21:26:15.427Z", "originBoardId": 114 } ], "comment": { "comments": [ { "id": "458481", "author": { "name": "gmathews", "key": "gmathews", "displayName": "Gary Mathews", "active": true, "timeZone": "America/Los_Angeles" }, "body": "I'm unable to reproduce this on {{master}} and {{10_0_X}}\r\n\r\n{code:js}\r\nconst win = Ti.UI.createWindow({\r\n\tbackgroundColor: '#80000000',\r\n\tmodal: true\r\n});\r\nconst container = Ti.UI.createView({\r\n\tbackgroundColor: 'white',\r\n\twidth: '90%',\r\n\theight: '70%',\r\n\tborderRadius: 8\r\n});\r\nconst sections = [];\r\n\r\nfor (let i = 0; i < 3; i++) {\r\n\tconst items = [];\r\n\r\n\tfor (let x = 0; x < 5; x++) {\r\n\t\titems.push({\r\n\t\t\tlabel: { text: `Item #${x}` }\r\n\t\t});\r\n\t}\r\n\r\n\tsections.push(Ti.UI.createListSection({\r\n\t\theaderTitle: `Section #${i}`,\r\n\t\titems\r\n\t}));\r\n}\r\nconst listView = Ti.UI.createListView({\r\n\ttemplates: {\r\n\t\ttemplate: {\r\n\t\t\tproperties: {\r\n\t\t\t\tbackgroundColor: 'transparent'\r\n\t\t\t},\r\n\t\t\tchildTemplates: [\r\n\t\t\t\t{\r\n\t\t\t\t\ttype: 'Ti.UI.Label',\r\n\t\t\t\t\tbindId: 'label',\r\n\t\t\t\t\tproperties: {\r\n\t\t\t\t\t\tleft: 10,\r\n\t\t\t\t\t\tcolor: 'black'\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t}\r\n\t},\r\n\tdefaultItemTemplate: 'template',\r\n\tsections\r\n});\r\n\r\ncontainer.add(listView);\r\nwin.add(container);\r\nwin.open();\r\n{code}", "updateAuthor": { "name": "gmathews", "key": "gmathews", "displayName": "Gary Mathews", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-03-24T23:10:56.000+0000", "updated": "2021-03-24T23:10:56.000+0000" }, { "id": "458483", "author": { "name": "jordanbisato", "key": "jordanbisato", "displayName": "Jórdan Luiz Bisato", "active": true, "timeZone": "America/Sao_Paulo" }, "body": "Hi, i tested it again with your code and my. \r\nI noted that the problem occours just when the ListView have a Searchbar enabled and a borderRadius seted. \r\n\r\nTry again with this code: \r\n\r\n\r\n{code:java}\r\nconst win = Ti.UI.createWindow({\r\n\tbackgroundColor: '#80000000',\r\n\tmodal: true\r\n});\r\nconst container = Ti.UI.createView({\r\n\tbackgroundColor: 'white',\r\n\twidth: '90%',\r\n\theight: '70%',\r\n\tborderRadius: 8\r\n});\r\n\r\nvar searchBar = Titanium.UI.createSearchBar({\r\n\theight: 30,\r\n width: Ti.UI.FILL,\r\n});\r\n\r\nconst sections = [];\r\n\r\nfor (let i = 0; i < 3; i++) {\r\n\tconst items = [];\r\n\r\n\tfor (let x = 0; x < 5; x++) {\r\n\t\titems.push({\r\n\t\t\tlabel: { text: `Item #${x}` }\r\n\t\t});\r\n\t}\r\n\r\n\tsections.push(Ti.UI.createListSection({\r\n\t\theaderTitle: `Section #${i}`,\r\n\t\titems\r\n\t}));\r\n}\r\nconst listView = Ti.UI.createListView({\r\n\ttemplates: {\r\n\t\ttemplate: {\r\n\t\t\tproperties: {\r\n\t\t\t\tbackgroundColor: 'transparent'\r\n\t\t\t},\r\n\t\t\tchildTemplates: [\r\n\t\t\t\t{\r\n\t\t\t\t\ttype: 'Ti.UI.Label',\r\n\t\t\t\t\tbindId: 'label',\r\n\t\t\t\t\tproperties: {\r\n\t\t\t\t\t\tleft: 10,\r\n\t\t\t\t\t\tcolor: 'black'\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t}\r\n\t},\r\n\tbackgroundColor:\"#b3b3b3\",\r\n\tdefaultItemTemplate: 'template',\r\n borderRadius: 6,\r\n\tsearchView: searchBar,\r\n\tsections\r\n});\r\n\r\ncontainer.add(listView);\r\nwin.add(container);\r\nwin.open();\r\n\r\n{code}\r\n", "updateAuthor": { "name": "jordanbisato", "key": "jordanbisato", "displayName": "Jórdan Luiz Bisato", "active": true, "timeZone": "America/Sao_Paulo" }, "created": "2021-03-25T17:15:44.000+0000", "updated": "2021-03-25T17:54:05.000+0000" }, { "id": "458507", "author": { "name": "gmathews", "key": "gmathews", "displayName": "Gary Mathews", "active": true, "timeZone": "America/Los_Angeles" }, "body": "master: https://github.com/appcelerator/titanium_mobile/pull/12678", "updateAuthor": { "name": "gmathews", "key": "gmathews", "displayName": "Gary Mathews", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-03-31T07:00:28.000+0000", "updated": "2021-03-31T07:00:28.000+0000" }, { "id": "458558", "author": { "name": "cwilliams", "key": "cwilliams", "displayName": "Christopher Williams", "active": true, "timeZone": "America/New_York" }, "body": "merged to master and 10_0_X branches for 10.0.0 target", "updateAuthor": { "name": "cwilliams", "key": "cwilliams", "displayName": "Christopher Williams", "active": true, "timeZone": "America/New_York" }, "created": "2021-04-09T13:34:46.000+0000", "updated": "2021-04-09T13:34:46.000+0000" } ], "maxResults": 5, "total": 5, "startAt": 0 } } }