{ "id": "172230", "key": "TIMOB-26394", "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": "20832", "name": "Release 8.3.0", "archived": false, "released": true, "releaseDate": "2019-11-25" } ], "resolution": { "id": "1", "description": "A fix for this issue is checked into the tree and tested.", "name": "Fixed" }, "resolutiondate": "2019-10-03T11:14:39.000+0000", "created": "2018-09-16T18:24:25.000+0000", "priority": { "name": "Critical", "id": "1" }, "labels": [ "android", "backgroundColor", "borderRadius", "engSchedule", "regression" ], "versions": [ { "id": "17609", "description": "", "name": "Release 7.0.0", "archived": false, "released": true, "releaseDate": "2017-12-07" }, { "id": "19906", "description": "", "name": "Release 6.3.0", "archived": false, "released": true, "releaseDate": "2017-11-01" }, { "id": "19882", "name": "Release 8.0.0", "archived": false, "released": true, "releaseDate": "2019-03-14" }, { "id": "20220", "name": "Release 7.3.1", "archived": false, "released": true, "releaseDate": "2018-08-30" } ], "issuelinks": [ { "id": "57838", "type": { "id": "10003", "name": "Relates", "inward": "relates to", "outward": "relates to" }, "outwardIssue": { "id": "172026", "key": "TIMOB-26291", "fields": { "summary": "Android: setting view.borderRadius and opacity < 1 causes top of view to be cut off", "status": { "description": "The issue is open and ready for the assignee to start work on it.", "name": "Open", "id": "1", "statusCategory": { "id": 2, "key": "new", "colorName": "blue-gray", "name": "To Do" } }, "priority": { "name": "Critical", "id": "1" }, "issuetype": { "id": "1", "description": "A problem which impairs or prevents the functions of the product.", "name": "Bug", "subtask": false } } } } ], "assignee": { "name": "ybanev", "key": "ybanev", "displayName": "Yordan Banev", "active": true, "timeZone": "Europe/Athens" }, "updated": "2019-10-03T11:14:39.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": "*Problem:*\r\nA view that has a borderRadius won't respect the backgroundColor transparency. It will show up as a solid color.\r\n\r\n*Code:*\r\n\r\n{code:java}\r\nvar win = Ti.UI.createWindow({\r\n\tbackgroundColor: '#fff'\r\n});\r\n\r\nvar v1 = Titanium.UI.createView({\r\n\tbackgroundColor: 'rgba(0,0,0,0.5)',\r\n\theight: 100,\r\n\twidth: Ti.UI.FILL,\r\n\tborderRadius: 20\r\n});\r\nwin.add(v1);\r\nwin.open();\r\n{code}\r\n\r\n*Affected versions*\r\ntested 7.0.0.GA to 7.3.1.GA and all versions are affected by the bug\r\n\r\n*Device*\r\nHTC A9, Android 7\r\n\r\n*Workaround:*\r\nUsing a second view inside the rounded view with a transparent background works:\r\n{code:java}\r\nvar win = Ti.UI.createWindow({\r\n\tbackgroundColor: '#fff'\r\n});\r\n\r\nvar v1 = Titanium.UI.createView({\r\n\theight: 100,\r\n\twidth: Ti.UI.FILL,\r\n\tborderRadius: 20\r\n});\r\nvar v2 = Titanium.UI.createView({\r\n\tbackgroundColor: 'rgba(0,0,0,0.5)',\r\n\theight: 100,\r\n\twidth: Ti.UI.FILL\r\n});\r\n\r\nv1.add(v2);\r\nwin.add(v1);\r\nwin.open();\r\n{code}\r\n", "attachment": [], "flagged": false, "summary": "Android: View with borderRadius won't show up semi-transparent", "creator": { "name": "michael", "key": "michael", "displayName": "Michael Gangolf", "active": true, "timeZone": "Europe/Berlin" }, "subtasks": [], "reporter": { "name": "michael", "key": "michael", "displayName": "Michael Gangolf", "active": true, "timeZone": "Europe/Berlin" }, "environment": null, "comment": { "comments": [ { "id": "441605", "author": { "name": "sdarda", "key": "sdarda", "displayName": "Sharif AbuDarda", "active": false, "timeZone": "Asia/Dhaka" }, "body": "Hello, I was able to reproduce the issue as described in Android with the 7.x.x.GA. View borderRadius won't respect the backgroundColor transparency in Android. iOS is fine. Thanks.", "updateAuthor": { "name": "sdarda", "key": "sdarda", "displayName": "Sharif AbuDarda", "active": false, "timeZone": "Asia/Dhaka" }, "created": "2018-09-16T20:34:52.000+0000", "updated": "2018-09-16T20:34:52.000+0000" }, { "id": "441926", "author": { "name": "michael", "key": "michael", "displayName": "Michael Gangolf", "active": true, "timeZone": "Europe/Berlin" }, "body": "Could track this down to: https://github.com/appcelerator/titanium_mobile/blob/master/android/titanium/src/java/org/appcelerator/titanium/view/TiUIView.java#L1451\r\nThis PR changed some parts in there: https://github.com/appcelerator/titanium_mobile/pull/9159\r\n\r\nWhen I comment out these two lines (borderView.setBgColor(bgColor); borderView.setColor(bgColor); ) it works as expected. But I'm not 100% sure if that would have side-effects. But since the borderView should just be used to clip the view I don't even know why to set the backgroundColor of it", "updateAuthor": { "name": "michael", "key": "michael", "displayName": "Michael Gangolf", "active": true, "timeZone": "Europe/Berlin" }, "created": "2018-09-23T15:51:13.000+0000", "updated": "2018-09-23T15:53:22.000+0000" }, { "id": "449967", "author": { "name": "michael", "key": "michael", "displayName": "Michael Gangolf", "active": true, "timeZone": "Europe/Berlin" }, "body": "Still happening with 8.0.2.GA", "updateAuthor": { "name": "michael", "key": "michael", "displayName": "Michael Gangolf", "active": true, "timeZone": "Europe/Berlin" }, "created": "2019-07-20T19:53:44.000+0000", "updated": "2019-07-20T19:53:44.000+0000" }, { "id": "451189", "author": { "name": "michael", "key": "michael", "displayName": "Michael Gangolf", "active": true, "timeZone": "Europe/Berlin" }, "body": "Quick update: still the same in 8.1.0.GA.\r\n\r\nWould be good if some has a look at the comment above to get the parity back to work", "updateAuthor": { "name": "michael", "key": "michael", "displayName": "Michael Gangolf", "active": true, "timeZone": "Europe/Berlin" }, "created": "2019-09-07T11:31:15.000+0000", "updated": "2019-09-07T11:31:15.000+0000" }, { "id": "451431", "author": { "name": "ybanev", "key": "ybanev", "displayName": "Yordan Banev", "active": true, "timeZone": "Europe/Athens" }, "body": "PR: https://github.com/appcelerator/titanium_mobile/pull/11224", "updateAuthor": { "name": "ybanev", "key": "ybanev", "displayName": "Yordan Banev", "active": true, "timeZone": "Europe/Athens" }, "created": "2019-09-17T11:48:24.000+0000", "updated": "2019-09-17T11:48:24.000+0000" }, { "id": "451622", "author": { "name": "smohammed", "key": "smohammed", "displayName": "Samir Mohammed", "active": true, "timeZone": "America/Los_Angeles" }, "body": "FR passed, waiting on Jenkins build.", "updateAuthor": { "name": "smohammed", "key": "smohammed", "displayName": "Samir Mohammed", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2019-09-25T13:05:43.000+0000", "updated": "2019-09-25T13:05:43.000+0000" }, { "id": "451806", "author": { "name": "ssaddique", "key": "ssaddique", "displayName": "Sohail Saddique", "active": true, "timeZone": "Europe/London" }, "body": "Verified fix.\r\n\r\nChecked using latest 8.3.0.v20191002165629 build.", "updateAuthor": { "name": "ssaddique", "key": "ssaddique", "displayName": "Sohail Saddique", "active": true, "timeZone": "Europe/London" }, "created": "2019-10-03T11:14:24.000+0000", "updated": "2019-10-03T11:14:24.000+0000" } ], "maxResults": 8, "total": 8, "startAt": 0 } } }