[EuiContextMenuItem] Fix underline styling on hover for non-links (#7474

)
elastic · Jan 23, 2024 · 52f5001 · 52f5001
1 parent 435b0e4
commit 52f5001
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/changelogs/upcoming/7474.md b/changelogs/upcoming/7474.md
@@ -0,0 +1,3 @@
+**Bug fixes**
+
+- Fixed `EuiContextMenu`'s panel titles & items to not show underlines on hover for non-interactive elements
diff --git a/src/components/context_menu/context_menu_item.styles.ts b/src/components/context_menu/context_menu_item.styles.ts
@@ -27,7 +27,7 @@ export const euiContextMenuItemStyles = (euiThemeContext: UseEuiTheme) => {
       color: ${euiTheme.colors.text};
       outline-offset: -${euiTheme.focus.width};
 
-      &:not(:disabled) {
+      &:where(a, button):not(:disabled) {
         &:hover,
         &:focus {
           text-decoration: underline;
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		Bug fixes

		- Fixed `EuiContextMenu`'s panel titles & items to not show underlines on hover for non-interactive elements