{ "id": "176304", "key": "TIMOB-28551", "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-17T10:51:21.000+0000", "created": "2021-10-08T02:32:00.000+0000", "priority": { "name": "Medium", "id": "3" }, "labels": [ "TabGroup", "iOS", "icon", "tintColor" ], "versions": [], "issuelinks": [], "assignee": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "updated": "2021-11-17T11:02: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": "*Summary:*\r\nOn iOS 12 and older OS versions, {{TabGroup}} properties \"activeTintColor\" and \"tintColor\" fail to tint the tab icons correctly. \"tintColor\" never tints the inactive tab icons (they default to gray) and instead wrongly tints the active tab icon. The \"activeTintColor\" never tints the active tab icon.\r\n\r\n*Steps to reproduce:*\r\n# Create a Classic Titanium project from template. (Will provide needed tab icons.)\r\n# Use the below code as the \"app.js\".\r\n# Build and run on iOS 12.\r\n\r\n{code:javascript}\r\nfunction createTab(title, icon) {\r\n\tconst window = Ti.UI.createWindow({ title: title });\r\n\twindow.add(Ti.UI.createLabel({ text: title + \" View\" }));\r\n\tconst tab = Ti.UI.createTab({\r\n\t\ttitle: title,\r\n\t\ticon: icon,\r\n\t\twindow: window,\r\n\t});\r\n\treturn tab;\r\n}\r\n\r\nconst tabGroup = Ti.UI.createTabGroup({\r\n\ttabs: [\r\n\t\tcreateTab(\"Tab 1\", \"/assets/images/tab1.png\"),\r\n\t\tcreateTab(\"Tab 2\", \"/assets/images/tab2.png\"),\r\n\t\tcreateTab(\"Tab 3\", \"/assets/images/tab1.png\")\r\n\t],\r\n\tactiveTintColor: \"red\",\r\n\tactiveTitleColor: \"red\",\r\n\ttintColor: \"purple\",\r\n\ttitleColor: \"purple\",\r\n\ttabsBackgroundColor: \"#F7F7F7\",\r\n});\r\ntabGroup.open();\r\n{code}\r\n\r\n*Result:*\r\nNotice the inactive tab icons are gray when they should be purple.\r\nNotice the active tab icon is wrongly purple when it should be red.\r\n !TabGroup-Bad.png|thumbnail! \r\n\r\n*Expected Result:*\r\n !TabGroup-Good.png|thumbnail! \r\n", "attachment": [ { "id": "68001", "filename": "TabGroup-Bad.png", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-10-08T02:31:40.000+0000", "size": 713636, "mimeType": "image/png" }, { "id": "68002", "filename": "TabGroup-Good.png", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-10-08T02:31:40.000+0000", "size": 905236, "mimeType": "image/png" } ], "flagged": false, "summary": "iOS: TabGroup icons are tinted wrong on iOS 12 and older", "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": "459082", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "body": "PR (master): https://github.com/appcelerator/titanium_mobile/pull/13110", "updateAuthor": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-10-08T02:46:37.000+0000", "updated": "2021-10-08T02:46:37.000+0000" }, { "id": "459160", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "body": "The above PR caused a regression on iOS 15 where the [tabsBackgroundColor|https://titaniumsdk.com/api/titanium/ui/tabgroup.html#tabsbackgroundcolor] property will be ignored if you also the tab title color properties. This issue happens because setting the [UITabBarItem.standardAppearance|https://developer.apple.com/documentation/uikit/uitabbaritem/3198079-standardappearance] property will override the main [UITabBar.standardAppearance|https://developer.apple.com/documentation/uikit/uitabbar/3198046-standardappearance] property which we're currently setting the tabs background color to.", "updateAuthor": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-11-13T04:43:05.000+0000", "updated": "2021-11-13T04:43:05.000+0000" }, { "id": "459161", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "body": "This fixes the above mentioned regression...\r\n\r\nPR (master): https://github.com/appcelerator/titanium_mobile/pull/13176", "updateAuthor": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-11-13T04:54:09.000+0000", "updated": "2021-11-13T04:54:09.000+0000" }, { "id": "459170", "author": { "name": "eharris", "key": "eharris", "displayName": "Ewan Harris", "active": true, "timeZone": "Europe/Dublin" }, "body": "Backport PR: https://github.com/appcelerator/titanium_mobile/pull/13184", "updateAuthor": { "name": "eharris", "key": "eharris", "displayName": "Ewan Harris", "active": true, "timeZone": "Europe/Dublin" }, "created": "2021-11-17T10:57:12.000+0000", "updated": "2021-11-17T10:57:12.000+0000" }, { "id": "459173", "author": { "name": "eharris", "key": "eharris", "displayName": "Ewan Harris", "active": true, "timeZone": "Europe/Dublin" }, "body": "Backport PR for the regression fix: https://github.com/appcelerator/titanium_mobile/pull/13186", "updateAuthor": { "name": "eharris", "key": "eharris", "displayName": "Ewan Harris", "active": true, "timeZone": "Europe/Dublin" }, "created": "2021-11-17T11:02:23.000+0000", "updated": "2021-11-17T11:02:23.000+0000" } ], "maxResults": 5, "total": 5, "startAt": 0 } } }