{ "id": "176328", "key": "TIMOB-28574", "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": "21265", "description": "", "name": "Release 10.1.1", "archived": false, "released": true, "releaseDate": "2021-11-19" } ], "resolution": { "id": "1", "description": "A fix for this issue is checked into the tree and tested.", "name": "Fixed" }, "resolutiondate": "2021-11-04T21:09:51.000+0000", "created": "2021-11-03T23:41:50.000+0000", "priority": { "name": "High", "id": "2" }, "labels": [ "Toolbar", "barColor", "iOS" ], "versions": [], "issuelinks": [ { "id": "59327", "type": { "id": "10003", "name": "Relates", "inward": "relates to", "outward": "relates to" }, "outwardIssue": { "id": "176252", "key": "TIMOB-28505", "fields": { "summary": "iOS: TabGroup tab bar is transparent instead of translucent on iOS 15", "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": "Critical", "id": "1" }, "issuetype": { "id": "1", "description": "A problem which impairs or prevents the functions of the product.", "name": "Bug", "subtask": false } } } } ], "assignee": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "updated": "2021-11-17T10:57:44.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": "*Summary:*\r\nThe {{Window.setToolbar()}} method always shows a toolbar with a transparent background on iOS 15. It should show a gray background by default. It also wrongly ignores the \"barColor\" property.\r\n\r\nThis issue was originally raised here...\r\nhttps://github.com/appcelerator/titanium_mobile/issues/13164\r\n\r\n*Steps to reproduce:*\r\n# Build and run the below code on iOS 15.\r\n# Notice bottom toolbar background is transparent. _(Should be gray like nav bar.)_\r\n# Uncomment the \"barColor\" and \"backgroundColor\" lines below.\r\n# Re-build and run on iOS 15.\r\n# Notice bottom toolbar background is not orange. \"barColor\" was ignored.\r\n\r\n{code:javascript}\r\nconst rootWindow = Ti.UI.createWindow({\r\n//\tbarColor: \"orange\",\r\n//\tbackgroundColor: \"yellow\",\r\n\ttitle: \"Test App\",\r\n});\r\nconst button1 = Ti.UI.createButton({\r\n\ttitle: \"Button 1\",\r\n\tcolor: \"red\",\r\n});\r\nbutton1.addEventListener(\"click\", () => { alert(\"Clicked: Button 1\"); });\r\nconst button2 = Ti.UI.createButton({\r\n\ttitle: \"Button 2\",\r\n});\r\nbutton2.addEventListener(\"click\", () => { alert(\"Clicked: Button 2\"); });\r\nrootWindow.setToolbar([button1, button2], {\r\n\tanimated: true,\r\n//\tbarColor: \"orange\", // <- Ignored on iOS 15.\r\n\ttintColor: \"purple\",\r\n});\r\nrootWindow.add(Ti.UI.createLabel({ text: \"iOS setToolBar() Test\" }));\r\nconst navigationWindow = Ti.UI.createNavigationWindow({\r\n\twindow: rootWindow,\r\n});\r\nnavigationWindow.open();\r\n{code}\r\n\r\n*Result:*\r\nThe below screenshots are from iOS 15. Bottom toolbars always wrongly have transparent backgrounds.\r\n !ToolbarDefault-iOS15.png|thumbnail! !ToolbarColor-iOS15.png|thumbnail! \r\n\r\n*Expected Result:*\r\nThe below screenshots are from iOS 14. This is what it should look like.\r\n !ToolbarDefault-iOS14.png|thumbnail! !ToolbarColor-iOS14.png|thumbnail! \r\n\r\n*Note:*\r\nThis looks like a similar iOS 15 issue as ticket [TIMOB-28505] where the bottom TabGroup bar was wrongly transparent as well. Apple added a new native {{scrollEdgeAppearance}} property that we'll need to leverage.\r\n", "attachment": [ { "id": "68026", "filename": "ToolbarColor-iOS14.png", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-11-03T23:35:26.000+0000", "size": 661583, "mimeType": "image/png" }, { "id": "68027", "filename": "ToolbarColor-iOS15.png", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-11-03T23:35:26.000+0000", "size": 804766, "mimeType": "image/png" }, { "id": "68025", "filename": "ToolbarDefault-iOS14.png", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-11-03T23:38:18.000+0000", "size": 884213, "mimeType": "image/png" }, { "id": "68024", "filename": "ToolbarDefault-iOS15.png", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-11-03T23:38:18.000+0000", "size": 815824, "mimeType": "image/png" } ], "flagged": false, "summary": "iOS: Window.setToolbar() wrongly uses a transparent background on iOS 15", "creator": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "subtasks": [], "reporter": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "environment": null, "comment": { "comments": [ { "id": "459154", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "body": "PR (master): https://github.com/appcelerator/titanium_mobile/pull/13165", "updateAuthor": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-11-04T00:59:52.000+0000", "updated": "2021-11-04T00:59:52.000+0000" }, { "id": "459171", "author": { "name": "eharris", "key": "eharris", "displayName": "Ewan Harris", "active": true, "timeZone": "Europe/Dublin" }, "body": "Backport PR: https://github.com/appcelerator/titanium_mobile/pull/13185", "updateAuthor": { "name": "eharris", "key": "eharris", "displayName": "Ewan Harris", "active": true, "timeZone": "Europe/Dublin" }, "created": "2021-11-17T10:57:44.000+0000", "updated": "2021-11-17T10:57:44.000+0000" } ], "maxResults": 2, "total": 2, "startAt": 0 } } }