From a8e1fa6c79a427491ddb505d5550d19eeb69ddeb Mon Sep 17 00:00:00 2001
From: Sonia Sanz Vivas <sonia.sanzvivas@elastic.co>
Date: Tue, 12 Nov 2024 14:03:03 +0100
Subject: [PATCH] Fix flashing banner when creating pipeline

---
 .../application/components/pipeline_form/pipeline_form.tsx     | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_form/pipeline_form.tsx b/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_form/pipeline_form.tsx
index 80c43af7b7d4d..b70e767de29b4 100644
--- a/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_form/pipeline_form.tsx
+++ b/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_form/pipeline_form.tsx
@@ -175,7 +175,7 @@ export const PipelineForm: React.FunctionComponent<PipelineFormProps> = ({
       <Form
         form={form}
         data-test-subj="pipelineForm"
-        isInvalid={form.isSubmitted && !form.isValid}
+        isInvalid={form.isSubmitted && !form.isValid && !form.isSubmitting}
         error={form.getErrors()}
       >
         {/* Request error */}
@@ -244,7 +244,6 @@ export const PipelineForm: React.FunctionComponent<PipelineFormProps> = ({
             </EuiButtonEmpty>
           </EuiFlexItem>
         </EuiFlexGroup>
-
         {/* ES request flyout */}
         {isRequestVisible ? (
           <PipelineRequestFlyout