feat: focus the first field, which depends

bcgov · Dec 7, 2023 · a8ee97b · a8ee97b
1 parent dddcdd9
commit a8ee97b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/frontend/src/components/grouping/ContactGroupComponent.vue b/frontend/src/components/grouping/ContactGroupComponent.vue
@@ -92,7 +92,11 @@ const nameTypesToCodeDescr = (
 };
 
 onMounted(() => {
-  setFocusedComponent(`address_${props.id}`, 800);
+  if (props.id === 0) {
+    setFocusedComponent(`phoneNumber_${props.id}`, 800);
+  } else {
+    setFocusedComponent(`firstName_${props.id}`, 800);
+  }
 });
 
 const updateContactType = (value: CodeNameType | undefined) => {

diff --git a/frontend/src/pages/FormBCeIDPage.vue b/frontend/src/pages/FormBCeIDPage.vue
@@ -355,7 +355,7 @@ const scrollToNewContact = () => {
     // Skip auto-focus so to do it only when scroll is done.
     const index = contactWizardRef.value.addContact(false) - 1;
     setScrollPoint(`additional-contact-${index}`, undefined, () => {
-      setFocusedComponent(`addressname_${index}`);
+      setFocusedComponent(`firstName_${index}`);
     });
   }
 };

diff --git a/frontend/src/pages/bceidform/ContactWizardStep.vue b/frontend/src/pages/bceidform/ContactWizardStep.vue
@@ -75,7 +75,7 @@ const addContact = (autoFocus = true) => {
   );
   if (autoFocus) {
     const focusIndex = newLength - 1;
-    setFocusedComponent(`addressname_${focusIndex}`);
+    setFocusedComponent(`firstName_${focusIndex}`);
   }
   return newLength;
 };
@@ -129,7 +129,7 @@ const handleRemove = (index: number) => {
   });
 };
 
-onMounted(() => setFocusedComponent("addressname_0", 800));
+onMounted(() => setFocusedComponent("phoneNumber_0", 800));
 
 defineExpose({
   addContact,