fix(fe): validate autocomplete's selected value immediately (#924)

bcgov · Apr 16, 2024 · e5141b5 · e5141b5
1 parent 7ceec2e
commit e5141b5
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 0 deletions.
diff --git a/frontend/src/components/forms/AutoCompleteInputComponent.vue b/frontend/src/components/forms/AutoCompleteInputComponent.vue
@@ -112,6 +112,9 @@ watch(
     inputValue.value = props.modelValue;
     if (!isUserEvent.value && cdsComboBoxRef.value) {
       cdsComboBoxRef.value._filterInputValue = props.modelValue || "";
+
+      // Validate the SELECTED value immediately.
+      validateInput(props.modelValue);
     }
     isUserEvent.value = false;
   },

diff --git a/frontend/stub/__files/response-address-G1V2W5.json b/frontend/stub/__files/response-address-G1V2W5.json
@@ -0,0 +1,15 @@
+{
+  "streetAddress": "866 Liénard St",
+  "country": {
+      "value": "CA",
+      "text": "Canada"
+  },
+  "province": {
+      "value": "QC",
+      "text": "Quebec"
+  },
+  "city": "Québec",
+  "postalCode": "G1V 2W5",
+  "index": 0,
+  "locationName": null
+}
diff --git a/frontend/stub/__files/response-address-search-CA.json b/frontend/stub/__files/response-address-search-CA.json
@@ -86,5 +86,9 @@
   {
     "code": "B5V6L4",
     "name": "9084 Concession Road 6 Charlottetown, QC, B5V 6L4"
+  },
+  {
+    "code": "G1V2W5",
+    "name": "866 Liénard St Québec, QC, G1V 2W5"
   }
 ]