From cae92dc2966ca21f3de83d4eaaf0f7d9f678a8ee Mon Sep 17 00:00:00 2001
From: Anas Khalifa <anasgets111@gmail.com>
Date: Tue, 10 Jun 2025 10:16:58 +0300
Subject: [PATCH] add button attributes to the span to better act as a button
 while keeping the abillity to add components inside

---
 .../tables/resources/views/components/header-cell.blade.php   | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/tables/resources/views/components/header-cell.blade.php b/packages/tables/resources/views/components/header-cell.blade.php
index 1901dbe2d2..a5ee654fc4 100644
--- a/packages/tables/resources/views/components/header-cell.blade.php
+++ b/packages/tables/resources/views/components/header-cell.blade.php
@@ -26,7 +26,11 @@
     <span
         @if ($sortable)
             aria-label="{{ trim(strip_tags($slot)) }}"
+            role="button"
+            tabindex="0"
             wire:click="sortTable('{{ $name }}')"
+            @keydown.enter="$wire.sortTable('{{ $name }}')"
+            @keydown.space.prevent="$wire.sortTable('{{ $name }}')"
         @endif
         @class([
             'group flex w-full items-center gap-x-1',