Latest auto-fill fix

src/common-components/textbox-question/textbox-question.vue

@@ -1,6 +1,7 @@
 <template>
 	<div class="textbox-question" :class="(errors && errors.length) || hasError ? 'has-error' : ''">
 		<label :for="inputId" :aria-label="questionText" class="form-label" v-html="labelText"></label>
+		<!-- See https://stackoverflow.com/a/30976223 for information about "do-not-autofill" -->
 		<input 
 			v-model="value"
 			v-maska="mask"
@@ -13,7 +14,7 @@
 			:aria-disabled="isDisabled"
 			:disabled="isDisabled"
 			:aria-required="isRequired"
-			autocomplete="off"
+			autocomplete="do-not-autofill" 
 			:class="[hasIcon ? 'has-icon' : '', iconRight ? 'icon-right' : '']"
 			:validationRules="validationRules"
 		/>

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

@@ -175,6 +175,14 @@ export default ({
 					// Standard place_changed event handling
 					autocomplete.addListener('place_changed', fillInAddress);
 
+					// Wrapping the addressField1 element in the Google Address Autocomplete object 
+					// will cause "autocomplete='off'" which Chrome completely ignores. This event
+					// handler will set the value to something arbitrary so autofill doesn't work. 
+					// https://stackoverflow.com/a/30976223
+					addressField1.addEventListener("focus", () => {
+						addressField1.setAttribute("autocomplete", "do-not-autofill");
+					})
+
 					addressField1.onchange = function() {
 						const hover = document.querySelector(".pac-container .pac-item:hover");
 						// if an item has been clicked, do nothing, otherwise get first solution and use Geocoder to get the place
@@ -253,7 +261,7 @@ export default ({
 				.catch(() => {
 					// Failed to fetch script
 					console.log("Unable to load Google Places API script");
-				});
+				});	
 		}
 	},
 	mounted() {