fix: quickFilter should apply on input not on change

This commit is contained in:
Shariq Ansari 2024-05-30 18:18:44 +05:30
parent 290657c9de
commit 20241dd735

View File

@ -127,13 +127,13 @@
@change="(v) => applyQuickFilter(filter, v)" @change="(v) => applyQuickFilter(filter, v)"
:placeholder="filter.label" :placeholder="filter.label"
/> />
<FormControl <TextInput
v-else v-else
:value="filter.value" :value="filter.value"
type="text" type="text"
:placeholder="filter.label" :placeholder="filter.label"
:debounce="500" :debounce="500"
@change.stop="applyQuickFilter(filter, $event.target.value)" @input.stop="applyQuickFilter(filter, $event.target.value)"
/> />
</div> </div>
</FadedScrollableDiv> </FadedScrollableDiv>
@ -264,7 +264,13 @@ import { globalStore } from '@/stores/global'
import { viewsStore } from '@/stores/views' import { viewsStore } from '@/stores/views'
import { usersStore } from '@/stores/users' import { usersStore } from '@/stores/users'
import { isEmoji } from '@/utils' import { isEmoji } from '@/utils'
import { createResource, Dropdown, call, FeatherIcon } from 'frappe-ui' import {
createResource,
Dropdown,
call,
FeatherIcon,
TextInput,
} from 'frappe-ui'
import { computed, ref, onMounted, watch, h } from 'vue' import { computed, ref, onMounted, watch, h } from 'vue'
import { useRouter, useRoute } from 'vue-router' import { useRouter, useRoute } from 'vue-router'
import { useDebounceFn } from '@vueuse/core' import { useDebounceFn } from '@vueuse/core'