Menu doesn't always work

Hi all!

I have a problem where basically the sliding menu doesn’t always work. If I try swiping, nothing happens, same when clicking the menu toggle button. Web works just fine.
I don’t know what may be the issue, this bug is the only thing preventing me from releasing my application.


  • Testing on a Pixel 3
  • Ionic 4.4.0
  • Angular 7.1.0

This is my HTML:

        <ion-menu type="push" menuId="mainMenu">
                <ion-toolbar color="primary"> <ion-title> Categories </ion-title> </ion-toolbar>
                    <ion-menu-toggle auto-hide="false">
                        <ion-item [routerLink]="['/home']">
                            <ion-icon slot="start" name="apps"></ion-icon>
                    <ion-menu-toggle auto-hide="false" *ngFor="let category of categories">
                        <div *ngIf="!category.Hidden">
                            <ion-item [routerLink]="['/category/' + category.Title]">
                                <ion-icon slot="start" [name]="category.Icon"></ion-icon>
                                {{ category.Title }}
                <ion-list no-margin no-padding>
                    <ion-menu-toggle auto-hide="false">
                        <ion-item [routerLink]="['/category/Knowledge base']">
                <ion-toolbar color="primary">
        <ion-router-outlet main></ion-router-outlet>