Merge pull request #854 from lucasfernog/develop

Small fixes on mdChips, mdTablePagination (issue #830) and mdInputContainer buttons

Author: Pablo Henrique

src/components/mdChips/mdChips.vue

@@ -23,6 +23,7 @@
       @keydown.native.prevent.enter="addChip"
       @keydown.native.prevent.186="addChip"
       tabindex="0"
+      :debounce="0"
       ref="input">
     </md-input>
 

src/components/mdInputContainer/mdInputContainer.vue

@@ -4,11 +4,11 @@
 
     <span class="md-count" v-if="enableCounter">{{ inputLength }} / {{ counterLength }}</span>
 
-    <md-button class="md-icon-button md-toggle-password" @click="togglePasswordType" v-if="mdHasPassword">
+    <md-button tabindex="-1" class="md-icon-button md-toggle-password" @click="togglePasswordType" v-if="mdHasPassword">
       <md-icon>{{ showPassword ? 'visibility_off' : 'visibility' }}</md-icon>
     </md-button>
 
-    <md-button class="md-icon-button md-clear-input" @click="clearInput" v-if="mdClearable && hasValue">
+    <md-button tabindex="-1" class="md-icon-button md-clear-input" @click="clearInput" v-if="mdClearable && hasValue">
       <md-icon>clear</md-icon>
     </md-button>
   </div>

src/components/mdTable/mdTablePagination.vue

@@ -2,7 +2,7 @@
   <div class="md-table-pagination">
     <span class="md-table-pagination-label">{{ mdLabel }}:</span>
 
-    <md-select v-model="currentSize" md-menu-class="md-pagination-select" @change="changeSize" v-if="mdPageOptions">
+    <md-select v-model="currentSize" md-menu-class="md-pagination-select" @change="changeSize" v-if="mdPageOptions !== false">
       <md-option v-for="amount in mdPageOptions" :key="amount" :value="amount">{{ amount }}</md-option>
     </md-select>
 
@@ -26,7 +26,10 @@
         type: [Number, String],
         default: 10
       },
-      mdPageOptions: [Array, Boolean],
+      mdPageOptions: {
+        type: [Array, Boolean],
+        default: () => [10, 25, 50, 100]
+      },
       mdPage: {
         type: [Number, String],
         default: 1
@@ -110,8 +113,11 @@
     },
     mounted() {
       this.$nextTick(() => {
-        this.mdPageOptions = this.mdPageOptions || [10, 25, 50, 100];
-        this.currentSize = this.mdPageOptions.includes(this.currentSize) ? this.currentSize : this.mdPageOptions[0];
+        if (this.mdPageOptions) {
+          this.currentSize = this.mdPageOptions.includes(this.currentSize) ? this.currentSize : this.mdPageOptions[0];
+        } else {
+          this.currentSize = 0;
+        }
         this.canFireEvents = true;
       });
     }