One more time, then reverting to previous and leaving it there

This commit is contained in:
Leah Schumann 2024-05-28 10:25:25 -04:00
parent 77615bc69a
commit 21c8a65df2
3 changed files with 18 additions and 8 deletions

View file

@ -45,7 +45,8 @@
@blur="handleChange" @blur="handleChange"
:maxlength="maxLength ? maxLength : '999'" :maxlength="maxLength ? maxLength : '999'"
@focus="$emit('focus', $event.target.value)" @focus="$emit('focus', $event.target.value)"
@keydown="keyDownHandler" /> @keydown="keyDownHandler"
:autocomplete="autocomplete" />
<button <button
v-if="includeSearchIcon" v-if="includeSearchIcon"
type="submit" type="submit"
@ -130,6 +131,7 @@ export default {
default: false, default: false,
isRequired: false, isRequired: false,
}, },
autocomplete: String,
}, },
setup(props) { setup(props) {
const uuid = uuidv4(); const uuid = uuidv4();

View file

@ -13,6 +13,7 @@
aria-haspopup="" aria-haspopup=""
hasIcon hasIcon
validationRules="street-address-required" validationRules="street-address-required"
autocomplete="street-address"
@keydown.enter.prevent /> @keydown.enter.prevent />
</div> </div>
</div> </div>
@ -38,7 +39,8 @@
cmsWidgetName="CityQuestionWidget" cmsWidgetName="CityQuestionWidget"
v-model="addressModel.city" v-model="addressModel.city"
ref="city" ref="city"
validationRules="city-required" /> validationRules="city-required"
autocomplete="address-level2" />
</div> </div>
</div> </div>
</transition> </transition>
@ -51,7 +53,8 @@
v-model="addressModel.state" v-model="addressModel.state"
ref="state" ref="state"
:options="stateOptions" :options="stateOptions"
validationRules="state-required" /> validationRules="state-required"
autocomplete="address-level1" />
</div> </div>
<div class="col"> <div class="col">
<textboxQuestion <textboxQuestion
@ -60,7 +63,8 @@
v-model="addressModel.zipCode" v-model="addressModel.zipCode"
ref="zipCode" ref="zipCode"
mask="#####" mask="#####"
validationRules="zip-code-required|zip-code-format" /> validationRules="zip-code-required|zip-code-format"
autocomplete="postal-code"/>
</div> </div>
</div> </div>
</transition> </transition>
@ -279,7 +283,8 @@ export default {
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*
addressField.setAttribute("autocomplete", "off");
addressField.setAttribute("autocomplete", "new-password");
break; break;
default: default:
if (addressField.id == "streetAddress") { if (addressField.id == "streetAddress") {

View file

@ -8,7 +8,8 @@
v-model="customerModel.firstName" v-model="customerModel.firstName"
ref="firstName" ref="firstName"
customInputId="firstName" customInputId="firstName"
validationRules="first-name-required" /> validationRules="first-name-required"
autocomplete="given-name" />
</div> </div>
</div> </div>
<div class="row mb-4"> <div class="row mb-4">
@ -18,7 +19,8 @@
v-model="customerModel.lastName" v-model="customerModel.lastName"
ref="lastName" ref="lastName"
customInputId="lastName" customInputId="lastName"
validationRules="last-name-required" /> validationRules="last-name-required"
autocomplete="family-name" />
</div> </div>
</div> </div>
<div class="row mt-4"> <div class="row mt-4">
@ -30,7 +32,8 @@
customInputId="emailAddress" customInputId="emailAddress"
:isRequired="!isEmailOptional" :isRequired="!isEmailOptional"
:validationRules="validationRules" :validationRules="validationRules"
:addOptionalText="isEmailOptional" /> :addOptionalText="isEmailOptional"
autocomplete="email"/>
</div> </div>
</div> </div>
<div class="row mb-0"> <div class="row mb-0">