Cluster name show validation message when typing characters

openshift-assisted · Mar 7, 2024 · 63f8cc9 · 63f8cc9
1 parent 8a0e737
commit 63f8cc9
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/libs/ui-lib/lib/common/components/ui/formik/RichInputField.tsx b/libs/ui-lib/lib/common/components/ui/formik/RichInputField.tsx
@@ -87,6 +87,7 @@ const RichInputField: React.FC<RichInputFieldPropsProps> = React.forwardRef(
       validate,
       idPostfix,
       richValidationMessages,
+      noDefaultOnChange,
       ...props
     },
     ref: React.Ref<HTMLInputElement>,
@@ -119,6 +120,10 @@ const RichInputField: React.FC<RichInputFieldPropsProps> = React.forwardRef(
               isRequired={isRequired}
               aria-describedby={`${fieldId}-helper`}
               className="rich-input__text"
+              onChange={(event) => {
+                if (!popoverOpen) setPopoverOpen(true);
+                !noDefaultOnChange && field.onChange(event);
+              }}
             />
           </InputGroupItem>
           <InputGroupItem>