diff --git a/frontend/src/components/project/partials/FilterInput.vue b/frontend/src/components/project/partials/FilterInput.vue index d668fde47..518d71033 100644 --- a/frontend/src/components/project/partials/FilterInput.vue +++ b/frontend/src/components/project/partials/FilterInput.vue @@ -20,6 +20,7 @@ import { getFilterFieldRegexPattern, LABEL_FIELDS, } from '@/helpers/filters' +import {useDebounceFn} from '@vueuse/core' const { modelValue, @@ -236,6 +237,10 @@ function autocompleteSelect(value) { autocompleteResults.value = [] } + +// The blur from the textarea might happen before the replacement after autocomplete select was done. +// That caused listeners to try and replace values earlier, resulting in broken queries. +const blurDebounced = useDebounceFn(() => emit('blur'), 500)