[Vue 3] Added new option to prevent autofocus on input search (#1544)

* Added new option to prevent autofocus on input search * Refactor condition to prevent run extra code Co-authored-by: Akshay Jat <[email protected]>
shentao · Oct 21, 2022 · 218045f · 218045f
1 parent 84ad5a8
commit 218045f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/rollup.config.js b/rollup.config.js
@@ -10,7 +10,7 @@ export default [
       file: 'dist/vue-multiselect.esm.js'
     },
     plugins: [
-      css({output:'vue-multiselect.esm.css'}),
+      css({output: 'vue-multiselect.esm.css'}),
       vue()
     ]
   },
@@ -22,7 +22,7 @@ export default [
       file: 'dist/vue-multiselect.ssr.js'
     },
     plugins: [
-      css({output:'vue-multiselect.ssr.css'}),
+      css({output: 'vue-multiselect.ssr.css'}),
       vue({ template: { optimizeSSR: true } })
     ]
   },
@@ -39,7 +39,7 @@ export default [
       }
     },
     plugins: [
-      css({output:'vue-multiselect.css'}),
+      css({output: 'vue-multiselect.css'}),
       vue()
     ]
   }

diff --git a/src/multiselectMixin.js b/src/multiselectMixin.js
@@ -307,6 +307,15 @@ export default {
     preselectFirst: {
       type: Boolean,
       default: false
+    },
+    /**
+     * Prevent autofocus
+     * @default false
+     * @type {Boolean}
+     */
+    preventAutofocus: {
+      type: Boolean,
+      default: false
     }
   },
   mounted () {
@@ -649,8 +658,8 @@ export default {
       /* istanbul ignore else  */
       if (this.searchable) {
         if (!this.preserveSearch) this.search = ''
-        this.$nextTick(() => this.$refs.search && this.$refs.search.focus())
-      } else {
+        if (!this.preventAutofocus) this.$nextTick(() => this.$refs.search && this.$refs.search.focus())
+      } else if (!this.preventAutofocus) {
         this.$el.focus()
       }
       this.$emit('open', this.id)