bug: ion-menu is not visible after page transition on iOS

[kyleabens]

Bug Report

Ionic version:

[x] 4.10

Current behavior:

When you open ion-menu and navigate to a page and then go back the menu is no longer visible but if you click anywhere on the screen it then reappears and closes immediately. This only occurs on iOS.

Expected behavior:

The menu should be visible after opening it and navigating to a page and back.

Steps to reproduce:

Create an Ionic app with the iOS platform and add an ion-menu that includes an ion-item that uses routerLink to navigate to another page. Then click an ion-back-button.

Other information:

This only occurs on iOS and I believe this began with with version 4.8 or 4.9.

Ionic info:

Ionic:

   Ionic CLI                     : 5.4.1 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.10.0
   @angular-devkit/build-angular : 0.802.1
   @angular-devkit/schematics    : 8.2.1
   @angular/cli                  : 8.2.1
   @ionic/angular-toolkit        : 2.0.0

Capacitor:

   Capacitor CLI   : 1.2.1
   @capacitor/core : 1.2.1

Cordova:

   Cordova CLI       : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms : not available
   Cordova Plugins   : not available

Utility:

   cordova-res : not installed
   native-run  : not installed

System:

   ios-deploy : 2.0.0
   NodeJS     : v10.15.0 (/usr/local/bin/node)
   npm        : 6.11.3
   OS         : macOS Mojave
   Xcode      : Xcode 11.0 Build version 11A420a

[liamdebeasi]

Thanks for the issue. Can you provide a repo with the code required to reproduce this issue?

[tomaszDziedzic2]

Hey, I am experiencing similar issue. I have two side menus and after a while they begin to behave crazy. Eg. menu opens for a moment and then disappears, or is not available at all. This occurs on IOS only. Downgrading to 4.6.1 seems to solve this, but thats not an option for me.

[kleeb]

the same for me, 2 ion-menus are super buggy on iOS, Ionic 4.10.0

[kyleabens]

I tested the side menu on an iphone 11 and was unable to reproduce the issue. So far this only appears on my iphone X. Not sure if that helps but wanted to point it out.

[kleeb]

Even on PWA it works wrong on any iPhone devices.
Try yourself on iOS Safari: https://adam.app.andrzej-ondra.botyourself.net

[kleeb]

The very last Ionic version where our apps are not affected is 4.8.1

[liamdebeasi]

Can you provide a repo with the code required to reproduce this issue? I am unable to reproduce the issue using the demo site you provided.