Skip to content

BottomNavigation breaks tab content on navigating to another page and back again #8251

@m-abs

Description

@m-abs

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 Runtime: 6.3.1
  • iOS Runtime: 6.3.0
  • Plugin(s):
  • nativescript-angular: 8.20.4

Describe the bug

Navigation to another page from a BottomNavigation and back again breaks the content of the current tab.
ListView can no longer be scrolled, items cannot be tapped etc.

To Reproduce

  1. Create a BottomNavigation, with a ListView on one of the tabs.
  2. Add a page-route to another page (full page, not tab content).
  3. Navigate to the other page
  4. Go back.
  5. The ListView can no longer be scrolled and the items cannot be tapped.
  6. Switch to another tab and back again.
  7. The ListView now can be scrolled again. (If you tapped on an item, that action is triggered)

Expected behavior
To be able to interact with the content of the tab.

Sample project

I've created a demo project in my ns-debugging repository:

https://github.com/m-abs/ns-debugging/tree/master/bottomnavigation-break-on-navigation

Additional context

I've tested on Android 10, both hardware device (Oneplus 7T pro) and emulator.
Might be related to the fix for #8104

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions