bug: ion-content is still scrollable while ion-menu is opening.

Bug Report

Ionic version:

[x] 4.x [x] 5.x

Current behavior:

ion-content is still scrollable while ion-menu is opening. This is happens only with cordova and capacitor, not in the browser.

Expected behavior:

ion-content should not be scrollable.

Steps to reproduce:

While opening a ion-menu, swipe finger up and down.

Other information:

Here you can see it: https://www.youtube.com/watch?v=K-ImPdKFoiA

[lincolnthree]

Confirmed here as well, on all platforms/modes (iOS/Android/Web/etc). This happens easily and consistently and results in a VERY slow/jittery interaction for the user.

[lincolnthree]

@liamdebeasi Not sure my tag came through since I edited it in. Just making sure you saw it, since I believe we have a viable workaround/fix for this if you want to incorporate it.

FYI. This seems to work best when it is ALSO called on menu ionWillOpen and ionWillClose, as menus may also have content inside them that can scroll when closing.

So something like this:

  _menuWillClose(side: string) {
    IonContentStyleDirective.cancelContentScrollEvents();
  }
  _menuDidClose(side: string) {
    IonContentStyleDirective.activateContentScrollEvents();
  }
  _menuWillOpen(side: string) {
    IonContentStyleDirective.cancelContentScrollEvents();
  }
  _menuDidOpen(side: string) {
    IonContentStyleDirective.activateContentScrollEvents();
  }