fix(MdSelect): prevent overflowing arrow icon (#1373)

* fix(MdField): remove width for input, textarea * fix(MdSelect): prevent overflowing icon in layout with size
vuematerial · Jan 5, 2018 · 637e914 · 637e914
1 parent 8bda813
commit 637e914
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/MdField/MdField.vue b/src/components/MdField/MdField.vue
@@ -174,7 +174,6 @@
 
     .md-input,
     .md-textarea {
-      width: 100%;
       height: $md-input-height;
       padding: 0;
       display: block;

diff --git a/src/components/MdField/MdSelect/MdSelect.vue b/src/components/MdField/MdSelect/MdSelect.vue
@@ -278,6 +278,7 @@
   .md-menu.md-select {
     display: flex;
     flex: 1;
+    overflow: auto;
 
     &:not(.md-disabled) {
       .md-input,
@@ -289,6 +290,7 @@
 
     .md-input {
       flex: 1;
+      min-width: 0;
     }
 
     select,