fix(menu): only one menu can be opened at a time

fixes #6826

src/components/menu/test/basic/index.ts

@@ -67,6 +67,14 @@ class E2EPage {
     });
   }
 
+  openRightMenu() {
+    this.menu.open('right');
+  }
+
+  openLeftMenu() {
+    this.menu.open('left');
+  }
+
   onDrag(ev: any) {
     console.log('Menu is being dragged', ev);
   }

src/components/menu/test/basic/main.html

@@ -14,6 +14,10 @@
         {{p.title}}
       </button>
 
+      <button ion-item (click)="openRightMenu()">
+        Open Right Menu
+      </button>
+
       <button ion-item menuClose="left" class="e2eCloseLeftMenu" detail-none>
         Close Menu
       </button>
@@ -90,6 +94,10 @@
         {{p.title}}
       </button>
 
+      <button ion-item (click)="openLeftMenu()">
+        Open Left Menu
+      </button>
+
       <button ion-item menuClose="right" class="e2eCloseRightMenu" detail-none>
         Close Menu
       </button>