From f9b7d66e1aaee6a5a9cdfb7ed02023ace96d84ae Mon Sep 17 00:00:00 2001
From: Sneha <sneha.a@safelite.com>
Date: Thu, 30 Nov 2023 12:59:07 +0530
Subject: [PATCH] CSR-1710

---
 src/digital-components/modal/modal.vue                |  7 +++++++
 .../promo-modal-question/promo-modal-question.vue     |  5 -----
 .../service-zip-modal-question.vue                    | 11 -----------
 3 files changed, 7 insertions(+), 16 deletions(-)

diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index 8be321660..2226c3bf3 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -6,6 +6,7 @@
         :id="modalId"
         tabindex="-1"
         aria-labelledby="ModalComponentLabel"
+        @keypress.enter="onEnter"
         aria-hidden="true">
         <div class="modal-dialog modal-dialog-centered">
             <div class="modal-content">
@@ -81,6 +82,12 @@ export default {
                 this.resetButtonStyle();
             }
         },
+        async onEnter(e) {
+            e.preventDefault();
+            document.getElementById("modalbtn")?.focus();
+            this.$refs.modalButtonMain.clicked();
+            document.getElementById(this.modalId)?.focus();
+        },
         resetButtonStyle() {
             this.$refs.modalButtonMain.resetButtonStyle();
         },
diff --git a/src/layouts/payment-method/promo-modal-question/promo-modal-question.vue b/src/layouts/payment-method/promo-modal-question/promo-modal-question.vue
index a7171a098..120e88292 100644
--- a/src/layouts/payment-method/promo-modal-question/promo-modal-question.vue
+++ b/src/layouts/payment-method/promo-modal-question/promo-modal-question.vue
@@ -11,7 +11,6 @@
             :headerText="modalHeaderText"
             :onModalClosedCallback="onModalClosed"
             :onModalOpenedCallback="focusOnPromoInput"
-            @keypress.enter="onEnter"
             :footerButtonText="modalFooterText"
             @footer-button-event="addPromoCode">
             <promoQuestion
@@ -163,10 +162,6 @@ export default {
         openModal() {
             this.modal.openModal();
         },
-        onEnter(e) {
-            e.preventDefault();
-            this.modal.validateAndEmit();
-        },
         closeModal() {
             this.modal.closeModal();
         },
diff --git a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
index 820b3eb71..841dfe153 100644
--- a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
+++ b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
@@ -19,7 +19,6 @@
         :onModalOpenedCallback="onModalOpened"
         :onModalClosedCallback="onModalClosed"
         :footerButtonText="modalFooterText"
-        @keypress.enter="onEnter"
         @footer-button-event="setZipCode">
         <serviceZipQuestion
             ref="serviceZipQuestion"
@@ -109,10 +108,6 @@ export default {
             const input = document.getElementById(this.serviceZipCodeTextInputId);
             input?.focus();
         },
-        focusOnModalButton() {
-            const modalButton = document.getElementById("modalbtn");
-            modalButton?.focus();
-        },
         copyModel(modelToCopy) {
             return {
                 state: modelToCopy.state,
@@ -122,12 +117,6 @@ export default {
         openModal() {
             this.modal.openModal();
         },
-        onEnter(e) {
-            e.preventDefault();
-            this.focusOnModalButton();
-            this.modal.validateAndEmit();
-            this.focusOnZipInput();
-        },
         closeModal() {
             this.modal.closeModal();
         },