fix(menu): update default min width to spec and allow max-width to in…

…herit PiperOrigin-RevId: 563224653
material-components · Sep 6, 2023 · 2e25bf8 · 2e25bf8
1 parent ed539c6
commit 2e25bf8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/menu/demo/stories.ts b/menu/demo/stories.ts
@@ -68,6 +68,8 @@ const sharedStyle = css`
     border: 1px solid var(--md-sys-color-on-background);
     color: var(--md-sys-color-on-background);
     width: 100px;
+    padding: 16px;
+    text-align: center;
   }
   .md-stories-bg-override {
     display: flex;

diff --git a/menu/internal/_menu.scss b/menu/internal/_menu.scss
@@ -51,7 +51,7 @@
       )
     );
 
-    min-width: 300px;
+    min-width: 112px;
   }
 
   md-focus-ring {
@@ -72,6 +72,7 @@
     max-height: inherit;
     height: inherit;
     min-width: inherit;
+    max-width: inherit;
   }
 
   .fixed {
@@ -84,6 +85,7 @@
     display: block;
     overflow: auto;
     min-width: inherit;
+    max-width: inherit;
     border-radius: inherit;
   }