fix: debouncing of input validation

kestra-io · Jan 28, 2025 · 3a01a44 · 3a01a44
1 parent 34247a9
commit 3a01a44
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/ui/src/components/inputs/InputsForm.vue b/ui/src/components/inputs/InputsForm.vue
@@ -263,11 +263,13 @@
                 inputsValidation: [],
                 multiSelectInputs: {},
                 inputsValidated: new Set(),
+                debouncedValidation: () => {}
             };
         },
         emits: ["update:modelValue", "confirm", "validation"],
         created() {
             this.inputsMetaData = JSON.parse(JSON.stringify(this.initialInputs));
+            this.debouncedValidation = debounce(this.validateInputs, 500)
 
             this.validateInputs().then(() => {
                 this.$watch("inputsValues", {
@@ -276,7 +278,7 @@
                         if(JSON.stringify(val) !== JSON.stringify(this.previousInputsValues)){
                             // only revalidate if values are stable for more than 500ms
                             // to avoid too many calls to the server
-                            debounce(this.validateInputs, 500)();
+                            this.debouncedValidation();
                             this.$emit("update:modelValue", this.inputsValues);
                         }
                         this.previousInputsValues = JSON.parse(JSON.stringify(val))