fix(InputMenu/SelectMenu): prevent double filter with async search

Resolves #1966
nuxt · Jul 16, 2024 · e2881d3 · e2881d3
1 parent 46e9b12
commit e2881d3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/runtime/components/forms/InputMenu.vue b/src/runtime/components/forms/InputMenu.vue
@@ -391,7 +391,7 @@ export default defineComponent({
     const debouncedSearch = props.search && typeof props.search === 'function' ? useDebounceFn(props.search, props.debounce) : undefined
 
     const options = computedAsync(async () => {
-      if (props.search && debouncedSearch) {
+      if (debouncedSearch) {
         return await debouncedSearch(query.value)
       }
 
@@ -401,7 +401,7 @@ export default defineComponent({
     })
 
     const filteredOptions = computed(() => {
-      if (!query.value) {
+      if (!query.value || debouncedSearch) {
         return options.value
       }
 

diff --git a/src/runtime/components/forms/SelectMenu.vue b/src/runtime/components/forms/SelectMenu.vue
@@ -454,7 +454,7 @@ export default defineComponent({
     const debouncedSearch = props.searchable && typeof props.searchable === 'function' ? useDebounceFn(props.searchable, props.debounce) : undefined
 
     const options = computedAsync(async () => {
-      if (props.searchable && debouncedSearch) {
+      if (debouncedSearch) {
         return await debouncedSearch(query.value)
       }
 
@@ -464,7 +464,7 @@ export default defineComponent({
     })
 
     const filteredOptions = computed(() => {
-      if (!query.value) {
+      if (!query.value || debouncedSearch) {
         return options.value
       }