ionic side menu Issue

I am facing side menu issue in some devices, not all devices, on some android devices it opens and didn’t close when routing changes but on some devices, it works fine. I don’t know what is happening, I am facing this problem in three different projects here is the code which I wrote in app.component.html ` <ion-split-pane class="back" > <ion-menu type="overlay">

  <ion-content class="back">

    <div style="text-align: center !important;margin-top: 35px;">
      <h2 style="color: #051F90 !important;">Menu</h2>
    </div>
    <ion-list no-padding lines="none" >
      <ion-menu-toggle auto-hide="false" *ngFor="let p of appPages" lines="none" class="background">
        <ion-item class="menu" text-center  [routerDirection]="'root'" [routerLink]="[p.url]" lines="none">
          <ion-label lines="none" >
              <ion-icon  style="color:white" slot="start" [name]="p.icon"></ion-icon>
            {{p.title}}
          </ion-label>
        </ion-item>
      </ion-menu-toggle>
    </ion-list>
    <div style="text-align: center !important;margin-top: 35px;" (click)="logout()">
        <h3 style="color: #051F90 !important;">Logout</h3>
      </div>
  </ion-content>
</ion-menu>


<ion-router-outlet main ></ion-router-outlet>

</ion-split-pane>`

here are the dependencies: “dependencies”: { “@angular/common”: “~8.1.2”, “@angular/compiler”: “~8.1.2”, “@angular/core”: “~8.1.2”, “@angular/fire”: “^5.2.1”, “@angular/forms”: “~8.1.2”, “@angular/platform-browser”: “~8.1.2”, “@angular/platform-browser-dynamic”: “~8.1.2”, “@angular/router”: “~8.1.2”, “@ionic-native/clipboard”: “^5.13.0”, “@ionic-native/core”: “^5.0.0”, “@ionic-native/splash-screen”: “^5.0.0”, “@ionic-native/status-bar”: “^5.13.0”, “@ionic-native/stripe”: “^5.13.0”, “@ionic/angular”: “^4.7.1”, “bkash”: “^0.3.0”, “cordova-android”: “8.0.0”, “cordova-browser”: “6.0.0”, “cordova-clipboard”: “^1.3.0”, “cordova-plugin-fcm-with-dependecy-updated”: “^3.0.0”, “cordova-plugin-stripe”: “^1.5.3”, “core-js”: “^2.5.4”, “firebase”: “^6.5.0”, “ngx-countdown”: “^8.0.0”, “rxjs”: “~6.5.1”, “tslib”: “^1.9.0”, “zone.js”: “~0.9.1” },

[liamdebeasi]

@jdnichollsc It’s possible that your inclusion of HammerJS could have caused the issue. HammerJS is known to interfere with our own internal gesture system.

@aabi0044 What do I need to do to reproduce the issue? I am opening/closing the menu via the menu toggle as well as swipes on my Motorola G4 (Android 7) and everything seems to be working fine.

[hanifnouhi]

@jdnichollsc It’s possible that your inclusion of HammerJS could have caused the issue. HammerJS is known to interfere with our own internal gesture system.

So whats the solution? Couldn’t we create a web component with stenciljs and ionic/core and use it in an ionic application?