fix(menu): overlays can block menu closing

fixes #15880

core/src/components/menu-controller/menu-controller.scss

@@ -1,6 +1,19 @@
 @import "../menu/menu.ios.vars";
 @import "../menu/menu.md.vars";
 
+.menu-content {
+  @include transform(translate3d(0, 0, 0));
+}
+
+.menu-content-open {
+  cursor: pointer;
+  touch-action: manipulation;
+
+  // the containing element itself should be clickable but
+  // everything inside of it should not clickable when menu is open
+  pointer-events: none;
+}
+
 .ios .menu-content-reveal {
   box-shadow: $menu-ios-box-shadow-reveal;
 }