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

Prettified

Browse source
This commit is contained in:
Leah Schumann 2024-05-23 08:20:51 -04:00
parent 143c63bbf8
commit 6e334c91d3
1 changed files with 37 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -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.