fix scrollable menu

googlearchive · Sep 4, 2014 · 2b1215c · 2b1215c
1 parent 70c8bb0
commit 2b1215c
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git a/demo.html b/demo.html
@@ -56,6 +56,10 @@
       fill: #000;
     }
 
+    body /deep/ paper-menu-button[icon="more-vert"]::shadow #dropdown {
+      max-height: 158px;
+    }
+
     core-icon {
       fill: #fff;
     }

diff --git a/paper-menu-button.css b/paper-menu-button.css
@@ -80,3 +80,9 @@ core-icon::shadow svg {
 	border-radius: 3px;
   opacity: 0;
 }
+
+.paper-menu-button-menu-container {
+  overflow: auto;
+  max-height: 100%;
+  max-width: 100%;
+}
diff --git a/paper-menu-button.html b/paper-menu-button.html
@@ -91,9 +91,11 @@
       <div class="paper-menu-button-overlay-ink"></div>
       <div id="overlayBg" class="paper-menu-button-overlay-bg"></div>
 
-      <core-menu id="menu">
-        <content></content>
-      </core-menu>
+      <div class="paper-menu-button-menu-container">
+        <core-menu id="menu">
+          <content></content>
+        </core-menu>
+      </div>
 
     </core-dropdown>