From f87286b1dff10ee142503d3ca6c3bd9bede86071 Mon Sep 17 00:00:00 2001
From: Cesar Gonzalez <cesar.a.gonzalezcs@gmail.com>
Date: Tue, 2 Apr 2024 15:41:59 -0500
Subject: [PATCH] [PM-2871] Submenu UI elements cannot be accessed by keyboard
 navigation when screen reader is active (#8357)

* [PM-2871] Submenu UI elements cannot be navigated through keyboard when screen reader is active

* [PM-2871] Adding an aria-hidden value to menu divider elements
---
 libs/components/src/menu/menu-divider.component.html   | 1 +
 libs/components/src/menu/menu-trigger-for.directive.ts | 1 +
 2 files changed, 2 insertions(+)

diff --git a/libs/components/src/menu/menu-divider.component.html b/libs/components/src/menu/menu-divider.component.html
index c7c2c739d2..98048261cf 100644
--- a/libs/components/src/menu/menu-divider.component.html
+++ b/libs/components/src/menu/menu-divider.component.html
@@ -1,4 +1,5 @@
 <div
   class="tw-my-2 tw-border-0 tw-border-t tw-border-solid tw-border-t-secondary-500"
   role="separator"
+  aria-hidden="true"
 ></div>
diff --git a/libs/components/src/menu/menu-trigger-for.directive.ts b/libs/components/src/menu/menu-trigger-for.directive.ts
index 20ae0b1ce7..7e392f241f 100644
--- a/libs/components/src/menu/menu-trigger-for.directive.ts
+++ b/libs/components/src/menu/menu-trigger-for.directive.ts
@@ -88,6 +88,7 @@ export class MenuTriggerForDirective implements OnDestroy {
       }
       this.destroyMenu();
     });
+    this.menu.keyManager.setFirstItemActive();
     this.keyDownEventsSub =
       this.menu.keyManager &&
       this.overlayRef