fix(select): Fixes to Select component

matsp · Dec 28, 2017 · b99e76f · b99e76f
2 parents c6c3c59 + 90dd730
commit b99e76f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/components/Select/README.md b/components/Select/README.md
@@ -4,8 +4,8 @@
 
 ```html
 <m-select v-model="selected">
-    <m-select-option id="11">A</m-select-option>
-    <m-select-option id="33">B</m-select-option>
+    <m-select-option slot="options" id="11">A</m-select-option>
+    <m-select-option slot="options" id="33">B</m-select-option>
 </m-select>
 
 <m-select-multi v-model="selectedMulti" :size="4">
@@ -109,4 +109,4 @@ data() {
 
 ### Reference
 
-- https://github.com/material-components/material-components-web/tree/master/packages/mdc-select
+- https://github.com/material-components/material-components-web/tree/master/packages/mdc-select
diff --git a/components/Select/Select.vue b/components/Select/Select.vue
@@ -1,11 +1,11 @@
 <template>
-    <div class="mdc-select" tabindex="0" :aria-disabled="disabled" role="listbox" @MDCSelect:change="onChange">
-      <div class="mdc-select__surface" ref="surface">
+    <div class="mdc-select" ref="surface" tabindex="0" :aria-disabled="disabled" role="listbox" @MDCSelect:change="onChange">
+      <div class="mdc-select__surface" tabindex="0">
         <div class="mdc-select__label">
           <slot />
           </div>
         <div class="mdc-select__selected-text" />
-        <div class="mdc-select__bottom-line" />  
+        <div class="mdc-select__bottom-line" />
       </div>
       <div class="mdc-simple-menu mdc-select__menu">
         <ul class="mdc-list mdc-simple-menu__items">