Merge pull request #1865 from Safelite/feature/CSR-2065
Setting this.matchedFound to true when autofilling
This commit is contained in:
commit
4fcf891acb
1 changed files with 25 additions and 18 deletions
|
|
@ -293,23 +293,18 @@ export default {
|
||||||
this.addressField1.addEventListener("input", (e) => {
|
this.addressField1.addEventListener("input", (e) => {
|
||||||
// console.log(`input event`);
|
// console.log(`input event`);
|
||||||
// console.log(e);
|
// console.log(e);
|
||||||
|
console.log("input");
|
||||||
this.$nextTick(() => {
|
switch (e.inputType) {
|
||||||
switch (e.inputType) {
|
case "insertText":
|
||||||
case "insertText":
|
case "insertFromPaste":
|
||||||
case "insertFromPaste":
|
case "deleteContentBackward":
|
||||||
case "deleteContentBackward":
|
// If the user enters text by typing, or pasting text, or deleting text already entered, disable *autofill*
|
||||||
// If the user enters text by typing, or pasting text, or deleting text already entered, disable *autofill*
|
this.disableAutoFill();
|
||||||
this.disableAutoFill();
|
break;
|
||||||
break;
|
default:
|
||||||
default:
|
this.matchFound = true;
|
||||||
// If the user enters text by *autofill* then disable the *autocomplete*
|
this.addressField1.classList.remove("has-icon");
|
||||||
this.showAddressFields = true;
|
}
|
||||||
this.addressField1.classList.remove("has-icon");
|
|
||||||
//this.addressField1.dispatchEvent(new Event("change"))
|
|
||||||
this.unloadAutocomplete();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
disableAutoFill() {
|
disableAutoFill() {
|
||||||
|
|
@ -443,7 +438,7 @@ export default {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
// If we already have a full address, show it
|
//If we already have a full address, show it
|
||||||
this.showAddressFields =
|
this.showAddressFields =
|
||||||
(this.addressModel.streetAddress ?? "") !== "" &&
|
(this.addressModel.streetAddress ?? "") !== "" &&
|
||||||
(this.addressModel.city ?? "") !== "" &&
|
(this.addressModel.city ?? "") !== "" &&
|
||||||
|
|
@ -527,10 +522,22 @@ export default {
|
||||||
},
|
},
|
||||||
{ deep: true, flush: "post" }
|
{ deep: true, flush: "post" }
|
||||||
);
|
);
|
||||||
|
} else {
|
||||||
|
this.showAddressFields = true;
|
||||||
|
this.addressField1.classList.remove("has-icon");
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
deep: true,
|
deep: true,
|
||||||
},
|
},
|
||||||
|
// addressModel: {
|
||||||
|
// handler(newValue) {
|
||||||
|
// this.$nextTick(() => {
|
||||||
|
// this.showAddressFields = true;
|
||||||
|
// })
|
||||||
|
|
||||||
|
// },
|
||||||
|
// deep: true
|
||||||
|
// }
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
textboxQuestion,
|
textboxQuestion,
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue