proper search debounce

Signed-off-by: Abhishek Kumar <abhishek.mrt22@gmail.com>

Author: shwstppr

ui/src/components/widgets/InfiniteScrollSelect.vue

@@ -59,7 +59,7 @@
     :loading="loading"
     show-search
     placeholder="Select"
-    @search="onSearch"
+    @search="onSearchTimed"
     @popupScroll="onScroll"
     @change="onChange"
   >
@@ -144,6 +144,7 @@ export default {
       totalCount: null,
       loading: false,
       searchQuery: '',
+      searchTimer: null,
       scrollHandlerAttached: false,
       preselectedOptionValue: null,
       successiveFetches: 0
@@ -238,10 +239,13 @@ export default {
       this.preselectedOptionValue = null
       this.successiveFetches = 0
     },
+    onSearchTimed (value) {
+      clearTimeout(this.searchTimer)
+      this.searchTimer = setTimeout(() => {
+        this.onSearch(value)
+      }, 500)
+    },
     onSearch (value) {
-      if (value && value.length > 0 && value.length < 3) {
-        return
-      }
       this.searchQuery = value
       this.page = 1
       this.totalCount = null