diff --git a/src/fmg-components/address-questions/address-questions.vue b/src/fmg-components/address-questions/address-questions.vue index 8f67fa48a..77fabeebf 100644 --- a/src/fmg-components/address-questions/address-questions.vue +++ b/src/fmg-components/address-questions/address-questions.vue @@ -250,16 +250,20 @@ export default { // When the Street Address textbox receives focus, // append the search results list container to the bottom of the textbox // and disable browser autofill - this.addressField1.addEventListener("focus", (e) => { - // Make place results box stick to the input on scroll - const streetAddressField = document.getElementById("streetAddressField"); - const autocompleteResultsContainer = - document.getElementsByClassName("pac-container")[0]; + this.addressField1.addEventListener( + "focus", + (e) => { + // Make place results box stick to the input on scroll + const streetAddressField = document.getElementById("streetAddressField"); + const autocompleteResultsContainer = + document.getElementsByClassName("pac-container")[0]; - if (autocompleteResultsContainer) { - streetAddressField.appendChild(autocompleteResultsContainer); - } - }, { once: true }); + if (autocompleteResultsContainer) { + streetAddressField.appendChild(autocompleteResultsContainer); + } + }, + { once: true } + ); this.addressField1.addEventListener("keydown", (e) => { // When the user presses a key in the Street Address field, immediately disable autocomplete for that field. @@ -305,9 +309,6 @@ export default { this.unloadAutocomplete(); } }); - - - }); }, disableAutoFill() { @@ -454,36 +455,36 @@ export default { // Temporary const element = document.getElementsByClassName("address-questions")[0]; - element.addEventListener("change", (e) => { - // console.log(`change event`); - // console.log(e); + element.addEventListener( + "change", + (e) => { + // console.log(`change event`); + // console.log(e); - if (this.showAddressFields) { - return false; - } + if (this.showAddressFields) { + return false; + } - let autoFilledInputs = []; - autoFilledInputs = element.querySelectorAll("input:-webkit-autofill"); + let autoFilledInputs = []; + autoFilledInputs = element.querySelectorAll("input:-webkit-autofill"); - - console.log(this.addressModel.city); - this.$nextTick(() => { - this.showAddressFields = autoFilledInputs.length > 0; console.log(this.addressModel.city); - console.log(document.getElementById("city").value) - }) - console.log(this.addressModel.city); - console.log(document.getElementById("city").value) + this.$nextTick(() => { + this.showAddressFields = autoFilledInputs.length > 0; + console.log(this.addressModel.city); + console.log(document.getElementById("city").value); + }); + console.log(this.addressModel.city); + console.log(document.getElementById("city").value); - - if (this.showAddressFields) { - this.unloadAutocomplete(); + if (this.showAddressFields) { + this.unloadAutocomplete(); + } + + this.addressField1.classList.remove("has-icon"); } - - this.addressField1.classList.remove("has-icon"); - }, - // { once: true } - ); + // { once: true } + ); }, beforeUpdate() { // It is necessary to set focus on the street address on this lifecycle hook when this component is used in a modal.