From 716ec9881d7c77e6d1408e0986f49035daf3aa1f Mon Sep 17 00:00:00 2001 From: andy-UKC Date: Wed, 13 Mar 2024 16:26:33 +0000 Subject: [PATCH 01/22] Adding option for auto focussing on search Can be useful to have the option for a search, but not have it focus on opening of the select. Most useful on for devices with software keyboard, as it stops it appearing when you open select --- README.md | 1 + src/docs/pages/settings/search.vue | 25 ++++++++++++++++++++++++- src/slim-select/index.ts | 2 +- src/slim-select/settings.ts | 2 ++ 4 files changed, 28 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 39fc21eb..f5fad2ec 100644 --- a/README.md +++ b/README.md @@ -133,6 +133,7 @@ new SlimSelect({ disabled: false, alwaysOpen: false, showSearch: true, + focusSearch: true, searchPlaceholder: 'Search', searchText: 'No Results', searchingText: 'Searching...', diff --git a/src/docs/pages/settings/search.vue b/src/docs/pages/settings/search.vue index bae0ab6b..be235c8b 100644 --- a/src/docs/pages/settings/search.vue +++ b/src/docs/pages/settings/search.vue @@ -13,6 +13,12 @@ export default defineComponent({ showSearch: false, }, }) + new SlimSelect({ + select: this.$refs.focusSearchSingle as HTMLSelectElement, + settings: { + focusSearch: false, + }, + }) new SlimSelect({ select: this.$refs.searchTextSingle as HTMLSelectElement, settings: { @@ -39,6 +45,12 @@ export default defineComponent({ showSearch: false, }, }) + new SlimSelect({ + select: this.$refs.focusSearchMulti as HTMLSelectElement, + settings: { + focusSearch: false, + }, + }) new SlimSelect({ select: this.$refs.searchTextMulti as HTMLSelectElement, settings: { @@ -63,8 +75,9 @@ export default defineComponent({