Title: [BottomNav][Android] Changing tabs messes up text color of tabs · Issue #7623 · NativeScript/NativeScript · GitHub
Open Graph Title: [BottomNav][Android] Changing tabs messes up text color of tabs · Issue #7623 · NativeScript/NativeScript
X Title: [BottomNav][Android] Changing tabs messes up text color of tabs · Issue #7623 · NativeScript/NativeScript
Description: Environment Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project): CLI: 6.0.0 Cross-platform modules: 6.0.2 Android...
Open Graph Description: Environment Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project): CLI: 6.0...
X Description: Environment Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project): CLI: 6.0...
Opengraph URL: https://github.com/NativeScript/NativeScript/issues/7623
X: @github
Domain: github.com
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"[BottomNav][Android] Changing tabs messes up text color of tabs","articleBody":"**Environment**\r\nProvide version numbers for the following components (information can be retrieved by running `tns info` in your project folder or by inspecting the `package.json` of the project):\r\n - CLI: 6.0.0\r\n - Cross-platform modules: 6.0.2\r\n - Android Runtime: 6.0.0\r\n - iOS Runtime: 6.0.0\r\n - Plugin(s):\r\n\r\n**Describe the bug**\r\nThis is a really strange issue. When the BottomNav is loaded all looks correctly, But when you change the tab selection, the font of the text in the tabs changes to some strange color that seems to have some alpha applied. \r\n\r\n**To Reproduce**\r\nhttps://play.nativescript.org/?template=play-tsc\u0026id=Da7vym\u0026v=3\r\n* On load you will notice that all tabs have correct colors as per css - the selected one has gold, while the others have red. \r\n* Tap on the 1st tab. This messes up the 3rd tab color while the other two have correct colors\r\n* Tap on the 3rd tab. This messes up the color of the 2nd tab.\r\n\r\nTo sum up - the `:active:` color is correctly applied but the \"normal\" color is applied only to the previously selected tab. All other tabs have a messed up color with some strange transparency. \r\n\r\n**Expected behavior**\r\nStyles to be applied correctly to all tabs. \r\n\r\nRelated to #6967. \r\n","author":{"url":"https://github.com/PeterStaev","@type":"Person","name":"PeterStaev"},"datePublished":"2019-08-01T07:06:45.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/7623/NativeScript/issues/7623"}
| route-pattern | /_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format) |
| route-controller | voltron_issues_fragments |
| route-action | issue_layout |
| fetch-nonce | v2:05b911db-c4d2-b28a-4c7d-4cc3557ff382 |
| current-catalog-service-hash | 81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114 |
| request-id | 8204:CF072:4353494:5BCD989:6972F20E |
| html-safe-nonce | ef7e2895fab6a0da12caa68a4a8f1e9821649944600c097461581aac6541b7e0 |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiI4MjA0OkNGMDcyOjQzNTM0OTQ6NUJDRDk4OTo2OTcyRjIwRSIsInZpc2l0b3JfaWQiOiI4NjUyODI2MDkxOTQyMjQ0ODc5IiwicmVnaW9uX2VkZ2UiOiJpYWQiLCJyZWdpb25fcmVuZGVyIjoiaWFkIn0= |
| visitor-hmac | d8d977a310db25ed42ef2458b58f0c2372672eefe2402f0c9b200a1d1286c21a |
| hovercard-subject-tag | issue:475510776 |
| github-keyboard-shortcuts | repository,issues,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/NativeScript/NativeScript/7623/issue_layout |
| twitter:image | https://opengraph.githubassets.com/999a93bd031c974a666f83f02fb59ddc7f7efc1e340c48301beee264500b87f3/NativeScript/NativeScript/issues/7623 |
| twitter:card | summary_large_image |
| og:image | https://opengraph.githubassets.com/999a93bd031c974a666f83f02fb59ddc7f7efc1e340c48301beee264500b87f3/NativeScript/NativeScript/issues/7623 |
| og:image:alt | Environment Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project): CLI: 6.0... |
| og:image:width | 1200 |
| og:image:height | 600 |
| og:site_name | GitHub |
| og:type | object |
| og:author:username | PeterStaev |
| hostname | github.com |
| expected-hostname | github.com |
| None | 25ef7e923c492d9047af899b2ba66bfcb0a78059369630f2ce2cf57826ed6a53 |
| turbo-cache-control | no-preview |
| go-import | github.com/NativeScript/NativeScript git https://github.com/NativeScript/NativeScript.git |
| octolytics-dimension-user_id | 7392261 |
| octolytics-dimension-user_login | NativeScript |
| octolytics-dimension-repository_id | 31492490 |
| octolytics-dimension-repository_nwo | NativeScript/NativeScript |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 31492490 |
| octolytics-dimension-repository_network_root_nwo | NativeScript/NativeScript |
| turbo-body-classes | logged-out env-production page-responsive |
| disable-turbo | false |
| browser-stats-url | https://api.github.com/_private/browser/stats |
| browser-errors-url | https://api.github.com/_private/browser/errors |
| release | c0badd0db61d89a34653af2d762b2eb8c84f9d59 |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
Links:
Viewport: width=device-width