From 94155845f020679e8765d198b5ab4735e1d1142c Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Wed, 12 Apr 2023 19:00:10 +0200
Subject: [PATCH] RunnersOverview: add filter keyboard support

---
 src/components/runners/RunnersOverview.svelte | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/runners/RunnersOverview.svelte b/src/components/runners/RunnersOverview.svelte
index e20164ab..b14e5dc4 100644
--- a/src/components/runners/RunnersOverview.svelte
+++ b/src/components/runners/RunnersOverview.svelte
@@ -78,7 +78,10 @@
           deleteAction: () => {
             console.log(info.getValue());
           },
-          deleteEnabled: store.state.jwtinfo.userdetails.permissions.includes("RUNNER:DELETE"),
+          deleteEnabled:
+            store.state.jwtinfo.userdetails.permissions.includes(
+              "RUNNER:DELETE"
+            ),
         });
       },
       enableColumnFilter: false,
@@ -181,7 +184,11 @@
             {#each headerGroup.headers as header}
               <th class="cursor-pointer">
                 {#if !header.isPlaceholder}
-                  <div on:click={header.column.getToggleSortingHandler()}>
+                  <button
+                    role="button"
+                    tabindex="0"
+                    on:click={header.column.getToggleSortingHandler()}
+                  >
                     <svelte:component
                       this={flexRender(
                         header.column.columnDef.header,
@@ -193,7 +200,7 @@
                     {:else if header.column.getIsSorted().toString() == "desc"}
                       🔽
                     {/if}
-                  </div>
+                  </button>
                 {/if}
                 {#if header.column.getCanFilter()}
                   <div class="relative max-w-xs">