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:
Bill Richardson 2024-12-12 14:48:28 -05:00
parent 8c86f893cd
commit 6eada2ed48
2 changed files with 3 additions and 4 deletions

View file

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

View file

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