From de391a2a22ea1d55fd78f45a4ad8594b31c8bedd Mon Sep 17 00:00:00 2001
From: MichalKinas <113341662+MichalKinas@users.noreply.github.com>
Date: Thu, 28 Nov 2024 10:38:08 +0100
Subject: [PATCH] [ACS-9015] Context menu cell is not accessible via keyboard
 when it's displayed on hover (#10438)

---
 .../components/datatable/datatable.component.html        | 1 +
 .../components/datatable/datatable.component.scss        | 9 ++++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/lib/core/src/lib/datatable/components/datatable/datatable.component.html b/lib/core/src/lib/datatable/components/datatable/datatable.component.html
index 497df1b2ca..29bfe10f40 100644
--- a/lib/core/src/lib/datatable/components/datatable/datatable.component.html
+++ b/lib/core/src/lib/datatable/components/datatable/datatable.component.html
@@ -370,6 +370,7 @@
                         (actions && actionsPosition === 'right') ||
                         (mainActionTemplate && showMainDatatableActions)"
                      role="gridcell"
+                     tabindex="0"
                      class="adf-datatable-cell adf-datatable__actions-cell adf-datatable-center-actions-column-ie adf-datatable-actions-menu">
 
                     <ng-container *ngIf="(actions && actionsPosition === 'right')">
diff --git a/lib/core/src/lib/datatable/components/datatable/datatable.component.scss b/lib/core/src/lib/datatable/components/datatable/datatable.component.scss
index cc46058878..145937c4ee 100644
--- a/lib/core/src/lib/datatable/components/datatable/datatable.component.scss
+++ b/lib/core/src/lib/datatable/components/datatable/datatable.component.scss
@@ -350,7 +350,14 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width-1 !default;
     }
 
     .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover {
-        display: none;
+        visibility: hidden;
+    }
+
+    .adf-datatable-actions-menu:focus-visible,
+    .adf-datatable-actions-menu:focus-within {
+        .adf-datatable-hide-actions-without-hover {
+            visibility: visible;
+        }
     }
 
     .adf-datatable-cell--image {