Handle index validation when initial loading

elastic · Jan 12, 2023 · 00d9781 · 00d9781
1 parent c5a86e0
commit 00d9781
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/...ns/observability/public/pages/slo_edit/components/slo_edit_form_definition_custom_kql.tsx b/...ns/observability/public/pages/slo_edit/components/slo_edit_form_definition_custom_kql.tsx
@@ -63,7 +63,7 @@ export function SloEditFormDefinitionCustomKql({ control, trigger }: Props) {
             required: true,
             validate: (value) => indices.some((index) => valueMatchIndex(value, index.name)),
           }}
-          render={({ field }) => (
+          render={({ field, fieldState }) => (
             <EuiSuggest
               fullWidth
               isClearable
@@ -73,7 +73,10 @@ export function SloEditFormDefinitionCustomKql({ control, trigger }: Props) {
               onItemClick={({ label }) => {
                 field.onChange(label);
               }}
-              isInvalid={!indicesNames.some((index) => valueMatchIndex(field.value, index.label))}
+              isInvalid={
+                fieldState.isDirty &&
+                !indicesNames.some((index) => valueMatchIndex(field.value, index.label))
+              }
               placeholder={i18n.translate(
                 'xpack.observability.slos.sloEdit.sloDefinition.customKql.index.selectIndex',
                 {