Merge pull request #2164 from Safelite/Feature/Digital/CSR-2419

CSR-2419

src/fmg-components/address-questions/address-questions.vue

@@ -124,6 +124,10 @@ export default {
             type: Boolean,
             default: false,
         },
+        isAddressFieldFocused: {
+            type: Boolean,
+            default: true,
+        },
     },
     data() {
         return {
@@ -225,7 +229,9 @@ export default {
             ).then(() => {
                 // When loaded, trigger the setup
                 this.initializeAutocomplete();
-                this.addressField1.focus();
+                if (this.isAddressFieldFocused) {
+                    this.addressField1.focus();
+                }
             });
         },
         initializeAutocomplete() {

src/layouts/address-lookup/address-lookup.vue

@@ -19,7 +19,8 @@
                         ref="customerQuestions"
                         v-model="customerQuestions"
                         :validationRules="EmailValidationRules"
-                        :isEmailOptional="IsEmailOptional" />
+                        :isEmailOptional="IsEmailOptional"
+                        :isAddressFieldFocused="IsAddressFieldFocused" />
                     <alert
                         ref="alertVinNotFound"
                         v-if="displayVinNotFoundAlert"
@@ -443,6 +444,9 @@ export default {
                 .replaceAll("{custom:vinYmmFound}", vinYmmFound)
                 .replaceAll("{custom:vinYmmExpected}", vinYmmExpected);
         },
+        IsAddressFieldFocused() {
+            return false;
+        },
     },
     watch: {
         customerQuestions: {

src/layouts/address-lookup/customer-questions/customer-questions.vue

@@ -1,6 +1,9 @@
 <template>
     <div class="customer-questions">
-        <addressQuestions ref="addressQuestions" v-model="customerModel.addressQuestions" />
+        <addressQuestions
+            ref="addressQuestions"
+            v-model="customerModel.addressQuestions"
+            :isAddressFieldFocused="isAddressFieldFocused" />
         <div class="row mb-4">
             <div class="col">
                 <textboxQuestion
@@ -87,6 +90,11 @@ export default {
         },
         validationRules: String,
         isEmailOptional: Boolean,
+        isAddressFieldFocused: {
+            required: false,
+            type: Boolean,
+            default: true,
+        },
     },
     computed: {
         customerModel: {