diff --git a/src/common-components/site-footer/site-footer.vue b/src/common-components/site-footer/site-footer.vue
index 9cfdf83d..966ea45c 100644
--- a/src/common-components/site-footer/site-footer.vue
+++ b/src/common-components/site-footer/site-footer.vue
@@ -12,7 +12,7 @@
isPrimary
:buttonText="buttonText"
loaderColor="white"
- :class="isForwardActionDisabled && 'form-test-invalid'"
+ :class="(disableForwardAction || isForwardActionDisabled) && 'form-test-invalid'"
:aria-disabled="isForwardActionDisabled"
:isDisabled="isForwardActionDisabled"
@click-event="buttonClick"
@@ -55,6 +55,7 @@ export default {
return {
paddingHeight: 0,
customButtontext: "",
+ disableForwardAction: false,
};
},
mounted() {
@@ -111,6 +112,12 @@ export default {
linkClick() {
this.$emit("backClicked");
},
+ disableForwardButton() {
+ this.disableForwardAction = true;
+ },
+ enableForwardAction() {
+ this.disableForwardAction = false;
+ }
},
};
diff --git a/src/layouts/address-lookup/address-lookup.spec.js b/src/layouts/address-lookup/address-lookup.spec.js
index 161ce9a5..ebc75059 100644
--- a/src/layouts/address-lookup/address-lookup.spec.js
+++ b/src/layouts/address-lookup/address-lookup.spec.js
@@ -668,6 +668,8 @@ function setupMocks({
wrapper.vm.setCmsContent = jest.fn();
wrapper.vm.$refs.siteFooter.updateButtonText = jest.fn();
wrapper.vm.$refs.siteFooter.removeLoader = jest.fn();
+ wrapper.vm.$refs.siteFooter.disableForwardButton = jest.fn();
+ wrapper.vm.$refs.siteFooter.enableForwardAction = jest.fn();
return { wrapper };
}
diff --git a/src/layouts/address-lookup/address-lookup.vue b/src/layouts/address-lookup/address-lookup.vue
index 1da8fc84..b88c10c6 100644
--- a/src/layouts/address-lookup/address-lookup.vue
+++ b/src/layouts/address-lookup/address-lookup.vue
@@ -12,7 +12,7 @@
ref="vehicleBanner"
:displayGenericVehicleImage="false" />