jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Moved the code that appends the google autocomplete dropdown to the first keydown event

Browse source
This commit is contained in:
Leah Schumann 2024-06-24 10:51:05 -04:00
parent e50d6aef6a
commit b5cf4e9bce
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/fmg-components/address-questions/address-questions.vue
View file

@ -243,11 +243,11 @@ export default {
this.fillInAddress this.fillInAddress
); );
// When the Street Address textbox receives focus, // When the Street Address textbox receives input for the first time,
// append the search results list container to the bottom of the textbox // append the search results list container to the bottom of the textbox
// and disable browser autofill // and disable browser autofill
this.addressField1.addEventListener( this.addressField1.addEventListener(
"focus", "keydown",
(e) => { (e) => {
// Make place results box stick to the input on scroll // Make place results box stick to the input on scroll
const streetAddressField = document.getElementById("streetAddressField"); const streetAddressField = document.getElementById("streetAddressField");
@ -276,6 +276,7 @@ export default {
const addressFields = document.querySelectorAll( const addressFields = document.querySelectorAll(
".address-questions input, .address-questions select" ".address-questions input, .address-questions select"
); );
for (let addressField of addressFields) { for (let addressField of addressFields) {
addressField.addEventListener("input", (e) => { addressField.addEventListener("input", (e) => {
switch (e.inputType) { switch (e.inputType) {
@ -433,6 +434,7 @@ export default {
(this.addressModel.zipCode ?? "") !== ""; (this.addressModel.zipCode ?? "") !== "";
if (!this.showAddressFields) { if (!this.showAddressFields) {
console.log("loading autocomplete");
this.loadGooglePlacesAutocompleteScript(); this.loadGooglePlacesAutocompleteScript();
} }
}, },