diff --git a/src/digital-components/phonenumber-question/phonenumber-question.vue b/src/digital-components/phonenumber-question/phonenumber-question.vue index 36dc1b543..0beef1d7c 100644 --- a/src/digital-components/phonenumber-question/phonenumber-question.vue +++ b/src/digital-components/phonenumber-question/phonenumber-question.vue @@ -1,13 +1,14 @@ @@ -42,11 +43,11 @@ export default { switch (typeof modelValue) { case "number": - initialValue = modelValue; - break; + initialValue = modelValue; + break; default: - initialValue = modelValue && modelValue.length > 0 ? modelValue : ""; - break; + initialValue = modelValue && modelValue.length > 0 ? modelValue : ""; + break; } const fieldOptions = { @@ -71,6 +72,11 @@ export default { errors, }; }, + data() { + return { + phoneNumber: '' + }; + }, computed: { phoneNumberQuestionWidget() { return this.getCmsContent(this.cmsWidgetName, "QuestionText"); @@ -108,13 +114,10 @@ export default { // Update the phone number with the formatted version return formattedNumber; }, + filterNumber() { + this.selectedValue = this.selectedValue.replace(/1/g, ''); + }, onKeyDown(event) { - if ( - (this.selectedValue.length === 0 && event.key === "1") || - (event.keyCode >= 65 && event.keyCode <= 90) - ) { - event.preventDefault(); - } this.formatPhoneNumber(event.target.value + event.key); }, },