ionic-framework: 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

About this issue

  • Original URL
  • State: closed
  • Created 4 years ago
  • Reactions: 2
  • Comments: 27 (3 by maintainers)

Commits related to this issue

Most upvoted comments

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.

Looks good @liamdebeasi – And nice fix! Thanks for doing this 😃

Uhhh… here’s a link. Not sure what happened to that video: https://photos.app.goo.gl/xubuaC4PkMKf9syX6

@liamdebeasi I will try with version 7 and let you know. Unfortunately I do not have an active build with Ionic 6 anymore 😃

@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();
  }