Navigation broken after calling closeCallback() from modal

[C00kieMonsta]

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: 5.3.0
• Cross-platform modules: 5.3.1
• Android Runtime: 5.3.0
• iOS Runtime: 5.3.0
• Plugin(s):
• NativeScript-Angular: 7.2.3
• Angular: 7.2.11

Describe the bug
Navigation is broken when closing a modal view with 'closeCallback()' method from the modal component.

To Reproduce
To reproduce the error on the playground (https://play.nativescript.org/?template=play-ng&id=TkK7sQ&v=3):

1. Tap 'Login' button
2. Tap 'open modal' button that sits in the first tabview
3. The modal view should appear to screen, then close the modal by tapping 'CLOSE MODAL'
4. Tap the 'My Trips' tab
5. Tap 'Log Out' button

You should see that it does not navigate you back to the 'fake' authentication screen

Expected behavior
It should normally navigate you back to the navigation screen...

Sample project
https://play.nativescript.org/?template=play-ng&id=TkK7sQ&v=3

[tsonevn]

Hi @C00kieMonsta,
Currently, the solution is to name the page-router-outlet set inside the root-modal.component.html. You should use the name of the router while loading the main page for the modal view and for any further navigations inside it. For example:

this._routerExtensions.navigate([{ outlets: { sharedModal: ["first-modal"] } }], { relativeTo: this._activeRoute });

For more info, check out the example here.

[C00kieMonsta]

Hi @tsonevn,
Thanks for your intervention, the workaround works well.