[ACS-9015] Context menu cell is not accessible via keyboard when it's…

… displayed on hover (#10438)
Alfresco · Nov 28, 2024 · de391a2 · de391a2
1 parent 35543a6
commit de391a2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 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
@@ -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
@@ -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 {