updated styles for menu item disabled state (#28412)

microsoft · Jul 3, 2023 · 61633ba · 61633ba
1 parent e7a838b
commit 61633ba
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/change/@fluentui-react-menu-9df216cb-9a9b-4732-b0ef-3618ed48c759.json b/change/@fluentui-react-menu-9df216cb-9a9b-4732-b0ef-3618ed48c759.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: menu item disabled style",
+  "packageName": "@fluentui/react-menu",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-menu/src/components/MenuItem/useMenuItemStyles.styles.ts b/packages/react-components/react-menu/src/components/MenuItem/useMenuItemStyles.styles.ts
@@ -89,6 +89,8 @@ const useStyles = makeStyles({
     color: tokens.colorNeutralForegroundDisabled,
     ':hover': {
       color: tokens.colorNeutralForegroundDisabled,
+      backgroundColor: tokens.colorNeutralBackground1,
+      cursor: 'not-allowed',
       [`& .${iconFilledClassName}`]: {
         display: 'none',
       },