Hi,
Unsure if this is a bug, but hopefully someone can help.
I have the side menu and router outlet in my App.vue file.
<ion-app class="scanner-hide">
<side-menu></side-menu>
<ion-router-outlet id="main-content" animated="true" />
</ion-app>
This is part of my side menu code…
<ion-menu menu-id="app-menu" content-id="main-content" side="end" type="push" swipeGesture="true">
my content here
</ion-menu>
I then have a component called ‘Header’ which includes my title for the page along with the side menu button.
This component controls the opening of the side menu, which is just a method as shown below
openMenu() {
menuController.open('app-menu')
},
I have a layout component that imports the header component. This layout component is used throughout the app.
<ion-page>
<main-header :name="name"/>
<slot name="content"></slot>
<ion-footer class="ion-no-border footer">
<div class="button-container">
<slot name="footer"></slot>
</div>
</ion-footer>
</ion-page>
So that is my structure and hope that makes sense.
If i click the menu button in the below picture(this is my root page), it opens fine.
If i open the side menu from any other page (example below), the side menu does open but the app automatically navigates back to the root page
