From 2e3e2de6d0d2dcbc9f74154b60a663ffa66edd41 Mon Sep 17 00:00:00 2001
From: Matthias Goudjil <matthias.goudjil@prestashop.com>
Date: Thu, 1 Aug 2024 23:12:10 +0200
Subject: [PATCH] feat: [Table-expandable-rows] [Accessibility] fix #362 make
 expand icon focusable and ability to expand/collapse line with space

---
 packages/components/table/src/table.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/components/table/src/table.vue b/packages/components/table/src/table.vue
index 8f7e3d4f..065e0c2b 100644
--- a/packages/components/table/src/table.vue
+++ b/packages/components/table/src/table.vue
@@ -237,12 +237,14 @@
                   </puik-checkbox>
                   <PuikIcon
                     v-if="expandable"
+                    tabindex="0"
                     :class="[
                       { 'puik-icon__expand': expandedRows.includes(rowIndex) },
                     ]"
                     icon="keyboard_arrow_down"
                     font-size="24"
                     @click="expandRow(rowIndex)"
+                    @keydown.space.prevent="expandRow(rowIndex)"
                   />
                 </div>
               </td>