Merge pull request #279 from Safelite/feature/CSR-319

CSR-319: fix event triggers for radio buttons
This commit is contained in:
AdamCaouetteSafelite 2022-03-08 12:40:55 -05:00 committed by GitHub
commit e4aa8d28e8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 3 deletions

View file

@ -2,6 +2,8 @@
<div <div
class="list-group list-button-horizontal d-flex flex-column w-100 mb-2" class="list-group list-button-horizontal d-flex flex-column w-100 mb-2"
:class="[errors.length > 0 ? 'has-error' : '', hasError ? 'has-error' : '']" :class="[errors.length > 0 ? 'has-error' : '', hasError ? 'has-error' : '']"
@mouseup="handleClick(value)"
@keyup.space="handleClick(value)"
> >
<input <input
:type="isMultiSelect ? 'checkbox' : 'radio'" :type="isMultiSelect ? 'checkbox' : 'radio'"
@ -10,7 +12,6 @@
:value="value" :value="value"
:aria-required="isRequired" :aria-required="isRequired"
:data-focus-target="groupName" :data-focus-target="groupName"
@click="handleClick(value)"
v-model="checkValue" v-model="checkValue"
@change="!selectingInitiatesLoad ? handleCheckChange() : ''" @change="!selectingInitiatesLoad ? handleCheckChange() : ''"
/> />

View file

@ -2,6 +2,8 @@
<div <div
class="list-group list-button d-flex flex-column w-100 mb-2" class="list-group list-button d-flex flex-column w-100 mb-2"
:class="[errors.length > 0 ? 'has-error' : '', hasError ? 'has-error' : '']" :class="[errors.length > 0 ? 'has-error' : '', hasError ? 'has-error' : '']"
@mouseup="handleClick(value)"
@keyup.space="handleClick(value)"
> >
<input <input
:type="isMultiSelect ? 'checkbox' : 'radio'" :type="isMultiSelect ? 'checkbox' : 'radio'"
@ -10,7 +12,6 @@
:value="value" :value="value"
:aria-required="isRequired" :aria-required="isRequired"
:data-focus-target="groupName" :data-focus-target="groupName"
@click="handleClick(value)"
v-model="checkValue" v-model="checkValue"
@change="!selectingInitiatesLoad ? handleCheckChange() : ''" @change="!selectingInitiatesLoad ? handleCheckChange() : ''"
> >

View file

@ -7,6 +7,8 @@
errors.length > 0 ? 'has-error' : '', errors.length > 0 ? 'has-error' : '',
hasError ? 'has-error' : '', hasError ? 'has-error' : '',
]" ]"
@mouseup="handleChange(value)"
@keyup.space="handleChange(value)"
> >
<input <input
:type="isMultiSelect ? 'checkbox' : 'radio'" :type="isMultiSelect ? 'checkbox' : 'radio'"
@ -15,7 +17,6 @@
:value="value" :value="value"
:aria-required="isRequired" :aria-required="isRequired"
:data-focus-target="groupName" :data-focus-target="groupName"
@click="handleChange(value)"
v-model="checkValue" v-model="checkValue"
@change="handleCheckChange(value)" @change="handleCheckChange(value)"
/> />