Bug #15468 [Profile Groups] – The “Next” button becomes clickable before the name is validated.

Author: Salim Terres

ui/ui-frontend/projects/identity/src/app/external-param-profile/external-param-profile-create/external-param-profile-create.component.ts

@@ -138,7 +138,10 @@ export class ExternalParamProfileCreateComponent implements OnInit, OnDestroy {
   }
 
   firstStepInvalid(): boolean {
-    return this.externalParamProfileForm.get('name').invalid || this.externalParamProfileForm.get('description').invalid;
+    const nameControl = this.externalParamProfileForm.get('name');
+    const descriptionControl = this.externalParamProfileForm.get('description');
+
+    return nameControl.invalid || nameControl.pending || descriptionControl.invalid || descriptionControl.pending;
   }
 
   formValid(): boolean {

ui/ui-frontend/projects/identity/src/app/group/group-create/group-create.component.ts

@@ -108,11 +108,23 @@ export class GroupCreateComponent implements OnInit, OnDestroy {
   }
 
   firstStepInvalid(): boolean {
-    return this.form.get('name').invalid || this.form.get('description').invalid || this.form.get('level').invalid;
+    const nameControl = this.form.get('name');
+    const descriptionControl = this.form.get('description');
+    const levelControl = this.form.get('level');
+
+    return (
+      nameControl.invalid ||
+      nameControl.pending ||
+      descriptionControl.invalid ||
+      descriptionControl.pending ||
+      levelControl.invalid ||
+      levelControl.pending
+    );
   }
 
   secondStepInvalid(): boolean {
-    return this.form.get('profileIds').invalid;
+    const profileIdsControl = this.form.get('profileIds');
+    return profileIdsControl.invalid || profileIdsControl.pending;
   }
 
   formValid(): boolean {