From e574289390d67bf75e371a9abcbea32253617a79 Mon Sep 17 00:00:00 2001
From: Annie Wang <annieyw@google.com>
Date: Mon, 7 Dec 2020 16:32:02 -0800
Subject: [PATCH] fix(material/menu): prevent mat-menu from affecting flex
 layout

---
 src/material-experimental/mdc-menu/menu.scss | 5 +++++
 src/material/menu/menu.scss                  | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/src/material-experimental/mdc-menu/menu.scss b/src/material-experimental/mdc-menu/menu.scss
index 861066cca39c..132ebaeb948f 100644
--- a/src/material-experimental/mdc-menu/menu.scss
+++ b/src/material-experimental/mdc-menu/menu.scss
@@ -9,6 +9,11 @@
 
 @include mdc-menu-surface-core-styles($query: structure);
 
+// Prevent rendering mat-menu as it can affect the flex layout.
+mat-menu {
+  display: none;
+}
+
 .mat-mdc-menu-content {
   // Note that we include this private mixin, because the public
   // one adds a bunch of styles that we aren't using for the menu.
diff --git a/src/material/menu/menu.scss b/src/material/menu/menu.scss
index afcd241fc5ee..46a0f04b6cb2 100644
--- a/src/material/menu/menu.scss
+++ b/src/material/menu/menu.scss
@@ -7,6 +7,11 @@ $mat-menu-vertical-padding: 8px !default;
 $mat-menu-border-radius: 4px !default;
 $mat-menu-submenu-indicator-size: 10px !default;
 
+// Prevent rendering mat-menu as it can affect the flex layout.
+mat-menu {
+  display: none;
+}
+
 .mat-menu-panel {
   @include mat-menu-base();
   max-height: calc(100vh - #{$mat-menu-item-height});