Title: BottomNavigation breaks tab content on navigating to another page and back again · Issue #8251 · NativeScript/NativeScript · GitHub
Open Graph Title: BottomNavigation breaks tab content on navigating to another page and back again · Issue #8251 · NativeScript/NativeScript
X Title: BottomNavigation breaks tab content on navigating to another page and back again · Issue #8251 · 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/8251
X: @github
Domain: github.com
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"BottomNavigation breaks tab content on navigating to another page and back again","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 - Plugin(s):\r\n - nativescript-angular: 8.20.4\r\n\r\n**Describe the bug**\r\n\u003c!-- A clear and concise description of what the bug is. Please, explain whether it's a build time error or a runtime error. More detailed logs can be easily obtained by following the instructions in this guide: https://docs.nativescript.org/get-support#how-to-obtain-diagnostic-reports. --\u003e\r\nNavigation to another page from a `BottomNavigation` and back again breaks the content of the current tab.\r\nListView can no longer be scrolled, items cannot be tapped etc.\r\n\r\n**To Reproduce**\r\n\u003c!-- Add commands used or steps taken to reproduce the behaviour. --\u003e\r\n1. Create a `BottomNavigation`, with a `ListView` on one of the tabs.\r\n2. Add a page-route to another page (full page, not tab content).\r\n3. Navigate to the other page\r\n4. Go back.\r\n5. The ListView can no longer be scrolled and the items cannot be tapped.\r\n6. Switch to another tab and back again.\r\n7. The ListView now can be scrolled again. (If you tapped on an item, that action is triggered)\r\n\r\n**Expected behavior**\r\nTo be able to interact with the content of the tab.\r\n\r\n**Sample project**\r\n\u003c!-- If possible, provide a link from the [Playground](https://play.nativescript.org) with reproduction of the problem. If not, consider attaching a sample project or link to a repository with such project. --\u003e\r\nI've created a demo project in my ns-debugging repository:\r\n\r\nhttps://github.com/m-abs/ns-debugging/tree/master/bottomnavigation-break-on-navigation\r\n\r\n**Additional context**\r\n\u003c!-- Add any other context about the problem here. --\u003e\r\nI've tested on Android 10, both hardware device (Oneplus 7T pro) and emulator.\r\nMight be related to the fix for #8104 \r\n","author":{"url":"https://github.com/m-abs","@type":"Person","name":"m-abs"},"datePublished":"2020-01-15T13:11:59.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":10},"url":"https://github.com/8251/NativeScript/issues/8251"}
| 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:b4e1da63-2bb5-7333-48bf-da30cdc64a6f |
| current-catalog-service-hash | 81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114 |
| request-id | 8F62:2C2A83:19D5CFA:23B0449:6973B323 |
| html-safe-nonce | 9cc53d7d55cab371d90599ab9e0a7d6764640f3767e9512c36a7c71964c46982 |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiI4RjYyOjJDMkE4MzoxOUQ1Q0ZBOjIzQjA0NDk6Njk3M0IzMjMiLCJ2aXNpdG9yX2lkIjoiNjkwMDY5Mjc4MzM3OTc1NTgxMSIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9 |
| visitor-hmac | f42158bfe5902ac70dc08a0ce68bb3a28a75a0ca198df1e596f9e26cdd918b60 |
| hovercard-subject-tag | issue:550177286 |
| 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/8251/issue_layout |
| twitter:image | https://opengraph.githubassets.com/8ccfb683e6201c4394562f50af5a933a9e898a17735dd75a23f79a3a2ac12478/NativeScript/NativeScript/issues/8251 |
| twitter:card | summary_large_image |
| og:image | https://opengraph.githubassets.com/8ccfb683e6201c4394562f50af5a933a9e898a17735dd75a23f79a3a2ac12478/NativeScript/NativeScript/issues/8251 |
| 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.3... |
| og:image:width | 1200 |
| og:image:height | 600 |
| og:site_name | GitHub |
| og:type | object |
| og:author:username | m-abs |
| hostname | github.com |
| expected-hostname | github.com |
| None | c583cf2a26ee9c2cb1cb0fab5c726ed6719c2c4c87fc0c7c38069132f28faf12 |
| 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 | 53344dea98f729e752d2fa6a8cba0f99032ced49 |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
Links:
Viewport: width=device-width