Ion-menu close bug when keyboard is open

It seems that when I have an input inside the side menu and I focus on it, then tap outside the menu to close it without manually tapping ‘Done’ first, the menu is buggy. I am not using the Capacitor keyboard plugin and there isn’t anything special about the input.

Steps to reproduce

  1. Focus on an input within the menu
  2. Without manually closing the keyboard first, tap the outside of the menu to close it
  3. Drag the menu out


  • The swipe gesture of the menu will become sticky and not pop out normally
  • The view outside the side menu becomes frozen and any gestures will drag the menu out erratically

I didn’t want to make this an issue on GitHub just in case I missed out on something very obvious, please help TIA!!


Video Description:

  1. I followed the steps in the Steps to Reproduce section
  2. I tried dragging the menu out but it only goes halfway
  3. I played around sliding the menu in and out

Here are my package.json dependencies:

"dependencies": {
    "@angular/common": "~12.0.1",
    "@angular/core": "~12.0.1",
    "@angular/forms": "~12.0.1",
    "@angular/platform-browser": "~12.0.1",
    "@angular/platform-browser-dynamic": "~12.0.1",
    "@angular/router": "~12.0.1",
    "@angular/service-worker": "~12.0.1",
    "@capacitor-community/keep-awake": "^2.1.0",
    "@capacitor/android": "3.2.0",
    "@capacitor/app": "1.0.2",
    "@capacitor/clipboard": "^1.0.2",
    "@capacitor/core": "3.2.0",
    "@capacitor/haptics": "1.0.2",
    "@capacitor/ios": "3.2.0",
    "@capacitor/local-notifications": "^1.0.4",
    "@capacitor/status-bar": "1.0.2",
    "@capacitor/storage": "^1.0.3",
    "@ionic/angular": "^5.6.13",
    "rxjs": "~6.6.0",
    "tslib": "^2.0.0",
    "zone.js": "~0.11.4"