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

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

[kleeb]

I think I did everything I could - created a repo based on your sample project, added a video, reproduced on simulator, and independently our QA also reproduced that on a device. Have you followed exactly what I did in the sample video?

[kyleabens]

@liamdebeasi I can only reproduce the issue surrounding ion-menu on an iPhone X. Every other device works fine so I’m not going to waste anymore time on it. Thanks!