From d95e6c10dd07f5d6d2e8cb908d13a629dba1f47f Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Tue, 8 Mar 2022 12:26:35 -0500
Subject: [PATCH] CSR-319: fix event triggers for radio buttons

---
 .../list-button-horizontal/list-button-horizontal.vue          | 3 ++-
 src/ux-components/list-button/list-button.vue                  | 3 ++-
 src/ux-components/list-card/list-card.vue                      | 3 ++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/ux-components/list-button-horizontal/list-button-horizontal.vue b/src/ux-components/list-button-horizontal/list-button-horizontal.vue
index c9f0f287c..0475a0e35 100644
--- a/src/ux-components/list-button-horizontal/list-button-horizontal.vue
+++ b/src/ux-components/list-button-horizontal/list-button-horizontal.vue
@@ -2,6 +2,8 @@
   <div
     class="list-group list-button-horizontal d-flex flex-column w-100 mb-2"
     :class="[errors.length > 0 ? 'has-error' : '', hasError ? 'has-error' : '']"
+    @mouseup="handleClick(value)"
+    @keyup.space="handleClick(value)"
   >
     <input
       :type="isMultiSelect ? 'checkbox' : 'radio'"
@@ -10,7 +12,6 @@
       :value="value"
       :aria-required="isRequired"
       :data-focus-target="groupName"
-      @click="handleClick(value)"
       v-model="checkValue"
       @change="!selectingInitiatesLoad ? handleCheckChange() : ''"
     />
diff --git a/src/ux-components/list-button/list-button.vue b/src/ux-components/list-button/list-button.vue
index 0115564ef..3a8e65fc0 100644
--- a/src/ux-components/list-button/list-button.vue
+++ b/src/ux-components/list-button/list-button.vue
@@ -2,6 +2,8 @@
   <div
     class="list-group list-button d-flex flex-column w-100 mb-2"
     :class="[errors.length > 0 ? 'has-error' : '', hasError ? 'has-error' : '']"
+    @mouseup="handleClick(value)"
+    @keyup.space="handleClick(value)"
   >
     <input
       :type="isMultiSelect ? 'checkbox' : 'radio'"
@@ -10,7 +12,6 @@
       :value="value"
       :aria-required="isRequired"
       :data-focus-target="groupName"
-      @click="handleClick(value)"
       v-model="checkValue"
       @change="!selectingInitiatesLoad ? handleCheckChange() : ''"
     >
diff --git a/src/ux-components/list-card/list-card.vue b/src/ux-components/list-card/list-card.vue
index e57fb861f..0a143aa05 100644
--- a/src/ux-components/list-card/list-card.vue
+++ b/src/ux-components/list-card/list-card.vue
@@ -7,6 +7,8 @@
         errors.length > 0 ? 'has-error' : '',
         hasError ? 'has-error' : '',
       ]"
+      @mouseup="handleChange(value)"
+      @keyup.space="handleChange(value)"
     >
       <input
         :type="isMultiSelect ? 'checkbox' : 'radio'"
@@ -15,7 +17,6 @@
         :value="value"
         :aria-required="isRequired"
         :data-focus-target="groupName"
-        @click="handleChange(value)"
         v-model="checkValue"
         @change="handleCheckChange(value)"
       />