Skip to content

[Ionic v4] Returning to tabs from another page causes tabs to break #14885

@gregor-srdic

Description

@gregor-srdic

Bug Report

Ionic Info
Ionic:
ionic (Ionic CLI) : 4.0.1 (C:\Users\Nomnio\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : @ionic/angular 4.0.0-beta.0
@angular-devkit/core : 0.7.0-rc.3
@angular-devkit/schematics : 0.7.0-rc.3
@angular/cli : 6.0.8
@ionic/ng-toolkit : 1.0.0
@ionic/schematics-angular : 1.0.0
Cordova:
cordova (Cordova CLI) : 8.0.0
Cordova Platforms : none
System:
Android SDK Tools : 26.1.1
NodeJS : v8.11.3 (C:\Program Files\nodejs\node.exe)
npm : 5.6.0
OS : Windows 10

Describe the Bug
Back button breaks tabs url
http://localhost:8100/tabs instead of http://localhost:8100/tabs/(home:home)

Steps to Reproduce

  • Created new project with tabs template ionic start New tabs --type=angular
  • Added new page ionic g page settings and added back button to generated settings.page.html ion-toolbar element <ion-buttons slot="start"><ion-back-button></ion-back-button></ion-buttons>
  • added link to the new page on home.page.html <a [routerLink]="['/settings']">Settings</a>
  • run ionic serve opens http://localhost:8100/tabs/(home:home) in browser - tab buttons work ok
  • click on Settings link, opens http://localhost:8100/settings
  • now click on back button in header, opens http://localhost:8100/tabs and tabs do not work anymore (show correctly, but tapping on tab button reloads application)

Other comments
If I use browser back instead of back button, the app works fine!

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions