Drawer close animation canceled on route change

Ionic Framework Ionic React
1

The default drawer close animation is cancelled or happening too fast when I route between pages, I understand that this isn’t the normal behaviour of Ionic menu, is there a solution for this?

note: this bug is only happening on ios device, and not on the chrome emulated ios phone view

code for the Ionic menu:

   <IonMenu
      contentId="main"
      type="overlay"
      className="Menu"
    >

and the Ionic Menu Toggle:

<IonMenuToggle key={index} autoHide={false}>
          <IonItem
            routerLink="/dashboard/earnings"
            lines="none"
            routerDirection="none"
            detail={false}
            className="navItem"

my Routes:

  <Route
            path="/dashboard/earnings"
            render={() => {
              return <Earnings />
            }}
            exact
          />

Phone: Iphone X
Ios Version: 13.6

nav
nav600×1300 1.44 MB

2

it would be helpful if you provided what version of ios are you running on your phone? where is your route definition code? What is route.route? more information is needed… otherwise we are guessing??

3

added the details to the post.