docs: customizing dropdown behaviour (#1520)

docs/.vuepress/components/OpenWhenSearchTextPresent.vue

@@ -0,0 +1,29 @@
+<template>
+  <v-select
+    v-model="country"
+    :options="countries"
+    :dropdown-should-open="dropdownShouldOpen"
+  />
+</template>
+
+<script>
+import countries from '../data/countries.js'
+
+export default {
+  data() {
+    return {
+      countries,
+      country: null,
+    }
+  },
+  methods: {
+    dropdownShouldOpen(VueSelect) {
+      if (this.country !== null) {
+        return VueSelect.open
+      }
+
+      return VueSelect.search.length !== 0 && VueSelect.open
+    },
+  },
+}
+</script>

docs/.vuepress/config/themeConfig.js

@@ -59,6 +59,7 @@ module.exports = {
         children: [
           ['guide/keydown', 'Keydown Events'],
           ['guide/positioning', 'Dropdown Position'],
+          ['guide/opening', 'Dropdown Opening'],
           ['guide/filtering', 'Option Filtering'],
         ],
       },