From 9505255f60a67eba836a689aa6f1539868991676 Mon Sep 17 00:00:00 2001
From: Daniel Couzens <dan.couzens@epimorphics.com>
Date: Wed, 4 Sep 2024 14:53:13 +0100
Subject: [PATCH 1/2] updates table ui to remove dom error keydown.enter

---
 app/javascript/components/data-view-statistics.vue | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/app/javascript/components/data-view-statistics.vue b/app/javascript/components/data-view-statistics.vue
index 7c2d611e..ee80f5d3 100644
--- a/app/javascript/components/data-view-statistics.vue
+++ b/app/javascript/components/data-view-statistics.vue
@@ -1,19 +1,16 @@
 <template lang='html'>
   <div class='o-data-view__js-options-statistics'>
-    <span
-      v-for='(statistic, index) in statistics'
+    <label v-for='(statistic, index) in statistics'
       :key='statistic.slug'
-      class="checkbox-container"
-    >
+      class="checkbox-container">
       <input
         type="checkbox"
-        :id="'checkbox-' + statistic.slug"
         :name='statistic.label'
         :data-slug='statistic.slug'
         @change='onSelectStatistic'
         :checked='isSelectedStatistic(statistic.slug)'
+        @keydown.enter="onSelectStatistic"
       />
-      <label :for="'checkbox-' + statistic.slug">
         <img
           :src='imageSrcPath(index, false)'
           :srcset='imageSrcPath(index, true)'
@@ -21,7 +18,6 @@
         />
         {{ statistic.label }}
       </label>
-    </span>
   </div>
 </template>
 

From 4ac3f73828c0f523d6cc2b8c7df87e761f49630b Mon Sep 17 00:00:00 2001
From: Daniel Couzens <dan.couzens@epimorphics.com>
Date: Wed, 4 Sep 2024 14:53:56 +0100
Subject: [PATCH 2/2] removes tab

---
 app/javascript/components/data-view-statistics.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/javascript/components/data-view-statistics.vue b/app/javascript/components/data-view-statistics.vue
index ee80f5d3..aef110ff 100644
--- a/app/javascript/components/data-view-statistics.vue
+++ b/app/javascript/components/data-view-statistics.vue
@@ -17,7 +17,7 @@
           :alt='`marker image for ${statistic.label}`'
         />
         {{ statistic.label }}
-      </label>
+    </label>
   </div>
 </template>