From 7d82a32fa95b3d1d137799e747539b2fd9ac7c7b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Sun, 27 Sep 2026 15:59:42 +0200
Subject: [PATCH] fix(coach): keep the result table's scroll area reachable
 from the keyboard

---
 .../insights/coach-panel/result-table.tsx           | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/insights/coach-panel/result-table.tsx b/src/components/insights/coach-panel/result-table.tsx
index 121f57eb8..c595aee0e 100644
--- a/src/components/insights/coach-panel/result-table.tsx
+++ b/src/components/insights/coach-panel/result-table.tsx
@@ -173,13 +173,14 @@ export function CoachResultTable({
       <div
         id={regionId}
         data-slot="coach-result-table-scroll"
-        {...(expanded
-          ? { role: "region", tabIndex: 0, "aria-labelledby": titleId }
-          : {})}
+        // The region scrolls sideways on a narrow screen even when collapsed,
+        // so it is always reachable from the keyboard.
+        role="region"
+        tabIndex={0}
+        aria-labelledby={titleId}
         className={cn(
-          "overflow-x-auto rounded-b-lg",
-          expanded &&
-            "focus-visible:ring-ring/50 max-h-96 overflow-y-auto overscroll-contain outline-none focus-visible:ring-2",
+          "focus-visible:ring-ring/50 overflow-x-auto rounded-b-lg outline-none focus-visible:ring-2",
+          expanded && "max-h-96 overflow-y-auto overscroll-contain",
         )}
       >
         <table className="w-full text-sm">