- closes sagalbot#95

sagalbot · sagalbot · commit c57957c09e04 · 2017-02-02T22:52:56.000-08:00
- $emit focus and blur when opening and closing the dropdown
- make createOption default syntax consistent
diff --git a/src/components/Select.vue b/src/components/Select.vue
@@ -191,8 +191,8 @@
               @keydown.up.prevent="typeAheadUp"
               @keydown.down.prevent="typeAheadDown"
               @keyup.enter.prevent="typeAheadSelect"
-              @blur="open = false"
-              @focus="open = true"
+              @blur="onSearchBlur"
+              @focus="onSearchFocus"
               type="search"
               class="form-control"
               :placeholder="searchPlaceholder"
@@ -382,7 +382,7 @@
        */
       createOption: {
         type: Function,
-        default: function (newOption) {
+        default(newOption) {
           if (typeof this.mutableOptions[0] === 'object') {
             newOption = {[this.label]: newOption}
           }
@@ -400,6 +400,10 @@
         default: false
       },
 
+      /**
+       * Disable the dropdown entirely.
+       * @type {Boolean}
+       */
       noDrop: {
         type: Boolean,
         default: false
@@ -591,7 +595,7 @@
       /**
        * If there is any text in the search input, remove it.
        * Otherwise, blur the search input to close the dropdown.
-       * @return {[type]} [description]
+       * @return {void}
        */
       onEscape() {
         if (!this.search.length) {
@@ -601,6 +605,26 @@
         }
       },
 
+      /**
+       * Close the dropdown on blur.
+       * @emits  {search:blur}
+       * @return {void}
+       */
+      onSearchBlur() {
+        this.open = false
+        this.$emit('search:blur')
+      },
+
+      /**
+       * Open the dropdown on focus.
+       * @emits  {search:focus}
+       * @return {void}
+       */
+      onSearchFocus() {
+        this.open = true
+        this.$emit('search:focus')
+      },
+
       /**
        * Delete the value on Delete keypress when there is no
        * text in the search input, & there's tags to delete
