Summary
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
- Focus on an input within the menu
- Without manually closing the keyboard first, tap the outside of the menu to close it
- Drag the menu out
Symptoms
- 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:
- I followed the steps in the Steps to Reproduce section
- I tried dragging the menu out but it only goes halfway
- 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"
},