diff --git a/ui/v2.5/src/utils/form.tsx b/ui/v2.5/src/utils/form.tsx index 40fedc7bf20..731d3a5a53d 100644 --- a/ui/v2.5/src/utils/form.tsx +++ b/ui/v2.5/src/utils/form.tsx @@ -113,6 +113,12 @@ export function formikUtils( value = ""; } + // trimming leading and trailing spaces from inputs + const handleBlur = (e: React.ChangeEvent) => { + formik.setFieldValue(field, e.target.value.trim()); + formik.handleBlur(e); + }; + let control: React.ReactNode; if (type === "checkbox") { control = ( @@ -141,6 +147,7 @@ export function formikUtils( className="text-input" placeholder={placeholder} {...formikProps} + onBlur={handleBlur} value={value} isInvalid={!!error} />