Make autocomplete value a prop (sagalbot#730)

eriknygren · sagalbot · commit 85ae9771f075 · 2019-02-09T15:05:00.000-08:00
What
---
- Turn the autocomplete value on the `input` configurable by exposing it
as a prop.

Why
---
So it can be customised, which can be necessary to help developers show
or hide autocomplete forms as they wish.
diff --git a/docs/gitbook/Api/Props.md b/docs/gitbook/Api/Props.md
@@ -34,6 +34,16 @@ disabled: {
 	default: false
 },
 
+/**
+ * Value of the 'autocomplete' field of the input
+ * element.
+ * @type {String}
+ */
+autocomplete: {
+  type: String,
+  default: 'off'
+},
+
 /**
  * Sets the max-height property on the dropdown list.
  * @deprecated
diff --git a/src/components/Select.vue b/src/components/Select.vue
@@ -336,7 +336,7 @@
                 @focus="onSearchFocus"
                 type="search"
                 class="form-control"
-                autocomplete="off"
+                :autocomplete="autocomplete"
                 :disabled="disabled"
                 :placeholder="searchPlaceholder"
                 :tabindex="tabindex"
@@ -512,6 +512,17 @@
         default: 'label'
       },
 
+
+      /**
+       * Value of the 'autocomplete' field of the input
+       * element.
+       * @type {String}
+       */
+      autocomplete: {
+        type: String,
+        default: 'off'
+      },
+
       /**
        * Tells vue-select what key to use when generating option
        * values when each `option` is an object.
