Nav push from pop over open page outside tabs

Ionic Framework ionic-v3
1

Whenever I use nav.push inside popover, it opens the page outside of the Tabs. When I go back to the original page, the popover is still not dismissed. Is that an intended behaviors ?. And the Toast appear only after I go back to my original page with tabs, instead of the Tags page where I called it. I’m still new with ionic so I might miss something here and there. This doesn’t happen if I use nav.push from any other button inside tabs page.

This is the code inside my popover

@Component({
    template: `
      <button ion-item (click)="goTags()">Manage Subscription</button>
  `
})
export class NewsMenu {
    tagsPage = TagsPage;
    constructor(public navCtrl: NavController, public viewCtrl: ViewController) {}

    close() {
        this.viewCtrl.dismiss();
    }

    goTags() {
        this.navCtrl.push(TagsPage);
    }
}

This is the code inside my pushed page

@Component({
    selector: 'page-tags',
    templateUrl: 'tags.html'
})
export class TagsPage {
    constructor(
        public navCtrl: NavController,
    ) {}

    ionViewDidLoad() {
        console.log('tags page')
    }

    presentToast(message: string) {
        let toast = this.toast.create({
            message: message,
            duration: 8000,
            position: 'bottom',
            showCloseButton: true
        });

        toast.onDidDismiss(() => {
            //console.log('Dismissed toast');
        });
toast.present();
    }
}
2

Did you ever figure this out? I’m having the same issue

3

I had a similar case and, for me, a dismiss() call immediately before leaving the popover page was enough. Something like that:

// Destroying the popover view on lauching a new page (contacts, products etc)
public ionViewCanLeave() {
this.viewCtrl.dismiss();
}