Use v-show instead of v-if since those fields are required.
Fields are hidden to start and are shown once a google address is chosen or tab/enter is used to select first.
This commit is contained in:
parent
8c86f893cd
commit
6eada2ed48
2 changed files with 3 additions and 4 deletions
|
|
@ -12,14 +12,13 @@
|
||||||
hasIcon
|
hasIcon
|
||||||
disableAutoFill
|
disableAutoFill
|
||||||
validationRules="street-address-required"
|
validationRules="street-address-required"
|
||||||
@keydown.enter.prevent
|
@keydown.enter.prevent />
|
||||||
@focusout="fillInAddress()" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<transition
|
<transition
|
||||||
name="fade"
|
name="fade"
|
||||||
mode="out-in">
|
mode="out-in">
|
||||||
<div v-if="showAllFields">
|
<div v-show="showAllFields">
|
||||||
<div
|
<div
|
||||||
v-if="includeStreetAddress2"
|
v-if="includeStreetAddress2"
|
||||||
class="row mt-2 mb-4">
|
class="row mt-2 mb-4">
|
||||||
|
|
|
||||||
|
|
@ -19,7 +19,7 @@
|
||||||
id="address-questions-wrapper"
|
id="address-questions-wrapper"
|
||||||
ref="addressQuestions"
|
ref="addressQuestions"
|
||||||
v-model="customerQuestions.addressQuestions"
|
v-model="customerQuestions.addressQuestions"
|
||||||
includeStreetAddress2="true" />
|
:includeStreetAddress2="true" />
|
||||||
<textboxQuestion
|
<textboxQuestion
|
||||||
ref="policyHolderFirstName"
|
ref="policyHolderFirstName"
|
||||||
v-model="customerQuestions.firstName"
|
v-model="customerQuestions.firstName"
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue