Merge pull request #367 from PrestaShopCorp/362-feature-accessibility…

…-no-possibility-to-uncheckcheckexpandable-checkbox-radio-expandable-components [Table] [Accessibility] fix #362 - keyboard handling : expand/collapse line with space
PrestaShopCorp · Sep 18, 2024 · 2d85aa1 · 2d85aa1
2 parents 7016660 + 84c05c5
commit 2d85aa1
Showing 1 changed file with 2 additions and 0 deletions.
diff --git 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>