diff --git a/src/digital-components/date-picker/date-picker.vue b/src/digital-components/date-picker/date-picker.vue index d81474ba2..e0c054071 100644 --- a/src/digital-components/date-picker/date-picker.vue +++ b/src/digital-components/date-picker/date-picker.vue @@ -859,7 +859,7 @@ export default { } .calendar-grid-container { margin: 0 auto 1rem auto; - max-width: 400px; + max-width: 360px; position: relative; transition: height ease 2s, @@ -869,9 +869,6 @@ export default { justify-content: center; align-items: center; padding: 0; - @include media-breakpoint-up(md) { - padding: 0 0.75rem; - } opacity: 1; .grid-item { @@ -1004,6 +1001,7 @@ export default { min-width: 2.5rem; width: 2.5rem; height: 2.5rem; + border: 2px solid transparent; span { &.small { diff --git a/src/fmg-components/address-questions/address-questions.vue b/src/fmg-components/address-questions/address-questions.vue index 4e4cf6b56..a9e92ea40 100644 --- a/src/fmg-components/address-questions/address-questions.vue +++ b/src/fmg-components/address-questions/address-questions.vue @@ -452,12 +452,6 @@ export default { this.loadGooglePlacesAutocompleteScript(); } }, - beforeUpdate() { - // It is necessary to set focus on the street address on this lifecycle hook when this component is used in a modal. - if (!this.addressField1.matches(":focus")) { - this.addressField1.focus(); - } - }, unmounted() { this.unloadAutocomplete(); }, diff --git a/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue b/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue index fc83f041a..f50d855f7 100644 --- a/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue +++ b/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue @@ -235,9 +235,11 @@ export default { this.displayMismatchStateAndZipAlert = false; }, async setMobileLocation() { - this.resetAlerts(); // Validate the Zip Code - if (this.internalModel.addressQuestions.zipCode === "") { + if ( + this.internalModel.addressQuestions.zipCode === "" || + this.internalModel.addressQuestions.zipCode.length !== 5 + ) { this.setMobileLocationInvalid(true); return; } @@ -247,10 +249,12 @@ export default { ); if (!zipCodeData.isValid) { + this.displayMismatchStateAndZipAlert = false; this.displayInvalidZipAlert = true; this.setMobileLocationInvalid(true); return; } else if (zipCodeData.state != this.internalModel.addressQuestions.state) { + this.displayInvalidZipAlert = false; this.displayMismatchStateAndZipAlert = true; this.setMobileLocationInvalid(true); return; @@ -258,6 +262,9 @@ export default { this.internalModel.addressQuestions.zipCode !== this.modelValue.addressQuestions.zipCode ) { + //reset alerts + this.resetAlerts(); + // retrieve mobile fee part const serviceZipCode = this.internalModel.addressQuestions.zipCode; const mobileFeePart = await getPricedMobileFeePart( @@ -292,7 +299,6 @@ export default { } // update the page level model this.$emit("setMobileLocation", this.internalModel); - this.setMobileLocationInvalid(false); }, toggleMobileLocation() { this.isMobileLocationOpened = !this.isMobileLocationOpened; diff --git a/src/layouts/service-location/mobile-location-modal-questions/vehicle-protected-question/vehicle-protected-question.vue b/src/layouts/service-location/mobile-location-modal-questions/vehicle-protected-question/vehicle-protected-question.vue index ce0f7ed53..b13f72ca9 100644 --- a/src/layouts/service-location/mobile-location-modal-questions/vehicle-protected-question/vehicle-protected-question.vue +++ b/src/layouts/service-location/mobile-location-modal-questions/vehicle-protected-question/vehicle-protected-question.vue @@ -57,7 +57,7 @@ export default {