From 32bce13ffc73751132064227b593c170044d9cf6 Mon Sep 17 00:00:00 2001
From: Cee Chen <constance.chen@elastic.co>
Date: Thu, 16 Nov 2023 20:51:36 -0800
Subject: [PATCH] [EuiContextMenu] Fixed missing underlines on hover

- was broken for `<a>` links but not `<button>`s, doh
---
 changelogs/upcoming/7373.md                        |  1 +
 .../context_menu/context_menu_item.styles.ts       | 14 ++++++++------
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/changelogs/upcoming/7373.md b/changelogs/upcoming/7373.md
index 842c848113c..3a2283e7b76 100644
--- a/changelogs/upcoming/7373.md
+++ b/changelogs/upcoming/7373.md
@@ -4,6 +4,7 @@
 **Bug fixes**
 
 - Fixed `EuiBasicTable` and `EuiInMemoryTable` actions not showing tooltip descriptions when rendered in the all actions popover menu
+- Fixed missing underlines on `EuiContextMenu` link hover
 
 **Deprecations**
 
diff --git a/src/components/context_menu/context_menu_item.styles.ts b/src/components/context_menu/context_menu_item.styles.ts
index 7f83f0b6bbc..0672ad4fa94 100644
--- a/src/components/context_menu/context_menu_item.styles.ts
+++ b/src/components/context_menu/context_menu_item.styles.ts
@@ -27,13 +27,15 @@ export const euiContextMenuItemStyles = (euiThemeContext: UseEuiTheme) => {
       color: ${euiTheme.colors.text};
       outline-offset: -${euiTheme.focus.width};
 
-      &:enabled:hover,
-      &:enabled:focus {
-        text-decoration: underline;
-      }
+      &:not(:disabled) {
+        &:hover,
+        &:focus {
+          text-decoration: underline;
+        }
 
-      &:enabled:focus {
-        background-color: ${euiTheme.focus.backgroundColor};
+        &:focus {
+          background-color: ${euiTheme.focus.backgroundColor};
+        }
       }
     `,
     disabled: css`