René's URL Explorer Experiment


Title: Bottom Navigation tab does not return to its initial style when it's no longer active on android · Issue #8235 · NativeScript/NativeScript · GitHub

Open Graph Title: Bottom Navigation tab does not return to its initial style when it's no longer active on android · Issue #8235 · NativeScript/NativeScript

X Title: Bottom Navigation tab does not return to its initial style when it's no longer active on android · Issue #8235 · 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.3.2 Cross-platform modules: 6.3.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.3...

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.3...

Opengraph URL: https://github.com/NativeScript/NativeScript/issues/8235

X: @github

direct link

Domain: github.com


Hey, it has json ld scripts:
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Bottom Navigation tab does not return to its initial style when it's no longer active on android","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.3.2\r\n - Cross-platform modules: 6.3.2\r\n - Android Runtime: 6.3.1\r\n - iOS Runtime: 6.3.0\r\n\r\n**Describe the bug**\r\nWhen there's a css class for active TabStripItem and there's no default css class for the TabStripItem after selecting the tab the class is applied and when the tab is changed it does not return to the previos state. \r\nThis happens only on Android, but not on iOS.\r\n\r\n**To Reproduce**\r\nCreate a new application and add bottom-navigation inside and add the following style:\r\n```CSS\r\nTabStripItem:active {\r\n    background-color: red;\r\n}\r\n```\r\nRun the application on android and select the second tab. The background of the initial tab stays red and does not return to its initial state.\r\n\r\n[Playground demo](https://play.nativescript.org/?template=play-tsc\u0026id=ROqZGn\u0026v=1)\r\n\r\n**Expected behavior**\r\n\r\nThe first tab should return to its initial state.\r\n\r\n**Additional context**\r\nIf there's a default style for the TabStripItem like this:\r\n```CSS\r\nTabStripItem {\r\n    background-color: green;\r\n}\r\n```\r\nit will be applied when the tab is no longer selected. So this can be used as a workaround.\r\n\r\n[Here's the same playground demo with the applied workaround](https://play.nativescript.org/?template=play-tsc\u0026id=ROqZGn\u0026v=2)","author":{"url":"https://github.com/vtrifonov","@type":"Person","name":"vtrifonov"},"datePublished":"2020-01-09T16:08:55.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/8235/NativeScript/issues/8235"}

route-pattern/_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format)
route-controllervoltron_issues_fragments
route-actionissue_layout
fetch-noncev2:12a17389-7707-1373-8e2a-e6748555ce5b
current-catalog-service-hash81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114
request-idC4E0:3DCC68:280BEC4:33C32CD:6974C780
html-safe-nonce3693e06a8deb1b8f0d80c648f5096253f80c211cb28e7504993b0e067bb73b26
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJDNEUwOjNEQ0M2ODoyODBCRUM0OjMzQzMyQ0Q6Njk3NEM3ODAiLCJ2aXNpdG9yX2lkIjoiNjY3ODkwODc1NTM0MjgzNzYzMiIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9
visitor-hmac427d6768d856b1bb6fad1f1ff905254d2a7a9888284081d87ca7b92341a6da9b
hovercard-subject-tagissue:547573509
github-keyboard-shortcutsrepository,issues,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location///voltron/issues_fragments/issue_layout
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/NativeScript/NativeScript/8235/issue_layout
twitter:imagehttps://opengraph.githubassets.com/4559f8e542ffe8b02400df4c881eaa3e88b5991f5bf73a7f94f5c446bd3e9dc1/NativeScript/NativeScript/issues/8235
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/4559f8e542ffe8b02400df4c881eaa3e88b5991f5bf73a7f94f5c446bd3e9dc1/NativeScript/NativeScript/issues/8235
og:image:altEnvironment 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.3...
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
og:author:usernamevtrifonov
hostnamegithub.com
expected-hostnamegithub.com
None4a4bf5f4e28041a9d2e5c107d7d20b78b4294ba261cab243b28167c16a623a1f
turbo-cache-controlno-preview
go-importgithub.com/NativeScript/NativeScript git https://github.com/NativeScript/NativeScript.git
octolytics-dimension-user_id7392261
octolytics-dimension-user_loginNativeScript
octolytics-dimension-repository_id31492490
octolytics-dimension-repository_nwoNativeScript/NativeScript
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forkfalse
octolytics-dimension-repository_network_root_id31492490
octolytics-dimension-repository_network_root_nwoNativeScript/NativeScript
turbo-body-classeslogged-out env-production page-responsive
disable-turbofalse
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
release488b30e96dfd057fbbe44c6665ccbc030b729dde
ui-targetcanary-2
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://github.com/NativeScript/NativeScript/issues/8235#start-of-content
https://github.com/
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FNativeScript%2FNativeScript%2Fissues%2F8235
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub SparkBuild and deploy intelligent appshttps://github.com/features/spark
GitHub ModelsManage and compare promptshttps://github.com/features/models
MCP RegistryNewIntegrate external toolshttps://github.com/mcp
ActionsAutomate any workflowhttps://github.com/features/actions
CodespacesInstant dev environmentshttps://github.com/features/codespaces
IssuesPlan and track workhttps://github.com/features/issues
Code ReviewManage code changeshttps://github.com/features/code-review
GitHub Advanced SecurityFind and fix vulnerabilitieshttps://github.com/security/advanced-security
Code securitySecure your code as you buildhttps://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they starthttps://github.com/security/advanced-security/secret-protection
Why GitHubhttps://github.com/why-github
Documentationhttps://docs.github.com
Bloghttps://github.blog
Changeloghttps://github.blog/changelog
Marketplacehttps://github.com/marketplace
View all featureshttps://github.com/features
Enterpriseshttps://github.com/enterprise
Small and medium teamshttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
App Modernizationhttps://github.com/solutions/use-case/app-modernization
DevSecOpshttps://github.com/solutions/use-case/devsecops
DevOpshttps://github.com/solutions/use-case/devops
CI/CDhttps://github.com/solutions/use-case/ci-cd
View all use caseshttps://github.com/solutions/use-case
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
View all industrieshttps://github.com/solutions/industry
View all solutionshttps://github.com/solutions
AIhttps://github.com/resources/articles?topic=ai
Software Developmenthttps://github.com/resources/articles?topic=software-development
DevOpshttps://github.com/resources/articles?topic=devops
Securityhttps://github.com/resources/articles?topic=security
View all topicshttps://github.com/resources/articles
Customer storieshttps://github.com/customer-stories
Events & webinarshttps://github.com/resources/events
Ebooks & reportshttps://github.com/resources/whitepapers
Business insightshttps://github.com/solutions/executive-insights
GitHub Skillshttps://skills.github.com
Documentationhttps://docs.github.com
Customer supporthttps://support.github.com
Community forumhttps://github.com/orgs/community/discussions
Trust centerhttps://github.com/trust-center
Partnershttps://github.com/partners
GitHub SponsorsFund open source developershttps://github.com/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/accelerator
Archive Programhttps://archiveprogram.github.com
Topicshttps://github.com/topics
Trendinghttps://github.com/trending
Collectionshttps://github.com/collections
Enterprise platformAI-powered developer platformhttps://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security featureshttps://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/premium-support
Pricinghttps://github.com/pricing
Search syntax tipshttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentationhttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FNativeScript%2FNativeScript%2Fissues%2F8235
Sign up https://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E%2Fvoltron%2Fissues_fragments%2Fissue_layout&source=header-repo&source_repo=NativeScript%2FNativeScript
Reloadhttps://github.com/NativeScript/NativeScript/issues/8235
Reloadhttps://github.com/NativeScript/NativeScript/issues/8235
Reloadhttps://github.com/NativeScript/NativeScript/issues/8235
NativeScript https://github.com/NativeScript
NativeScripthttps://github.com/NativeScript/NativeScript
Please reload this pagehttps://github.com/NativeScript/NativeScript/issues/8235
Notifications https://github.com/login?return_to=%2FNativeScript%2FNativeScript
Fork 1.7k https://github.com/login?return_to=%2FNativeScript%2FNativeScript
Star 25.4k https://github.com/login?return_to=%2FNativeScript%2FNativeScript
Code https://github.com/NativeScript/NativeScript
Issues 869 https://github.com/NativeScript/NativeScript/issues
Pull requests 58 https://github.com/NativeScript/NativeScript/pulls
Discussions https://github.com/NativeScript/NativeScript/discussions
Actions https://github.com/NativeScript/NativeScript/actions
Projects 0 https://github.com/NativeScript/NativeScript/projects
Wiki https://github.com/NativeScript/NativeScript/wiki
Security 0 https://github.com/NativeScript/NativeScript/security
Insights https://github.com/NativeScript/NativeScript/pulse
Code https://github.com/NativeScript/NativeScript
Issues https://github.com/NativeScript/NativeScript/issues
Pull requests https://github.com/NativeScript/NativeScript/pulls
Discussions https://github.com/NativeScript/NativeScript/discussions
Actions https://github.com/NativeScript/NativeScript/actions
Projects https://github.com/NativeScript/NativeScript/projects
Wiki https://github.com/NativeScript/NativeScript/wiki
Security https://github.com/NativeScript/NativeScript/security
Insights https://github.com/NativeScript/NativeScript/pulse
New issuehttps://github.com/login?return_to=https://github.com/NativeScript/NativeScript/issues/8235
New issuehttps://github.com/login?return_to=https://github.com/NativeScript/NativeScript/issues/8235
#8240https://github.com/NativeScript/NativeScript/pull/8240
Bottom Navigation tab does not return to its initial style when it's no longer active on androidhttps://github.com/NativeScript/NativeScript/issues/8235#top
#8240https://github.com/NativeScript/NativeScript/pull/8240
bughttps://github.com/NativeScript/NativeScript/issues?q=state%3Aopen%20label%3A%22bug%22
csshttps://github.com/NativeScript/NativeScript/issues?q=state%3Aopen%20label%3A%22css%22
os: androidhttps://github.com/NativeScript/NativeScript/issues?q=state%3Aopen%20label%3A%22os%3A%20android%22
https://github.com/vtrifonov
https://github.com/vtrifonov
vtrifonovhttps://github.com/vtrifonov
on Jan 9, 2020https://github.com/NativeScript/NativeScript/issues/8235#issue-547573509
Playground demohttps://play.nativescript.org/?template=play-tsc&id=ROqZGn&v=1
Here's the same playground demo with the applied workaroundhttps://play.nativescript.org/?template=play-tsc&id=ROqZGn&v=2
bughttps://github.com/NativeScript/NativeScript/issues?q=state%3Aopen%20label%3A%22bug%22
csshttps://github.com/NativeScript/NativeScript/issues?q=state%3Aopen%20label%3A%22css%22
os: androidhttps://github.com/NativeScript/NativeScript/issues?q=state%3Aopen%20label%3A%22os%3A%20android%22
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width


URLs of crawlers that visited me.