One more time, then reverting to previous and leaving it there
This commit is contained in:
parent
77615bc69a
commit
21c8a65df2
3 changed files with 18 additions and 8 deletions
|
|
@ -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();
|
||||||
|
|
|
||||||
|
|
@ -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") {
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue