fix(menu): Only show scrollbar when menu item is too big

Also fixes select's menu Resolves #1247
material-components · Sep 22, 2017 · fe7d4c8 · fe7d4c8 · trimox · Sep 25, 2017
1 parent 7c43b7c
commit fe7d4c8
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/mdc-menu/simple/mdc-simple-menu.scss b/packages/mdc-menu/simple/mdc-simple-menu.scss
@@ -37,7 +37,8 @@ $mdc-simple-menu-item-fade-duration: .3s;
   background-color: white;
   white-space: nowrap;
   opacity: 0;
-  overflow: hidden;
+  overflow-x: hidden;
+  overflow-y: auto;
   box-sizing: border-box;
   will-change: transform, opacity;
   z-index: 4;

diff --git a/packages/mdc-select/mdc-select.scss b/packages/mdc-select/mdc-select.scss
@@ -85,7 +85,6 @@
     left: 0;
     max-height: 100%;
     transform-origin: center center;
-    overflow-y: scroll;
     z-index: 4; // Should pop up above everything else. temporary-drawer is next highest at 3.
   }