Scrolling freeze with ionic-menu in Angular app

Hello all,

I have an Angular project into which I imported an Ionic-menu component.

When I launch the app in an ios mobile browser and an ios app, the scroll freezes. By cons on android, I do not have this problem.

I saw on the internet that there was a problem with the ios 12 but I tested all the solutions found but none work.

here is my code:

<ion-menu class="menu_main" side="start" content-id="content" menuId='main'>
  <ion-header>

  </ion-header>
  <ion-content overflow-scroll="true">
    <ion-menu-toggle auto-hide="true">
      <div class="wrap">
        <app-drawer-content>
        </app-drawer-content>
      </div>
    </ion-menu-toggle>
  </ion-content>
</ion-menu>
<!-- <ion-menu-controller></ion-menu-controller> -->

<ion-content id="content" overflow-scroll="true">
  <div class=" nav_on_home" *ngIf="router.url != '/'">
    <div class="nav_container_bars_and_back">
      <ion-menu-toggle auto-hide="true">
        <fa-icon [icon]="faBars" class="menu"></fa-icon>
      </ion-menu-toggle>
      <div class="nav_container_back">
        <a [routerLink]="['/home']" routerLinkActive="router-link-active" class="home" *ngIf="router.url != '/home'">
          <fa-icon [icon]="faHome"></fa-icon>
        </a>
        <a (click)="goBack()" *ngIf="router.url != '/home'">
          <fa-icon [icon]="faArrowLeft"></fa-icon>
        </a>
      </div>
    </div>

    <app-nav></app-nav>

  </div>
  <div [@fadeAnimation]="o.isActivated ? o.activatedRoute : ''" class="content">
    <router-outlet #o="outlet"></router-outlet>
  </div>
</ion-content>

what can I do?

Thank you for your answers.

1 post - 1 participant

Read full topic