From 94190c9c7455e9def1771fc526cbe3b76fe1825d Mon Sep 17 00:00:00 2001 From: KHMakoto Date: Wed, 29 Nov 2023 16:08:21 -0800 Subject: [PATCH 1/2] fix: Using correct colors when MenuItem is pressed. --- .../src/components/MenuItem/useMenuItemStyles.styles.ts | 5 +++++ 1 file changed, 5 insertions(+) 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 index b8d14d82ccf0e..7cf366da07b93 100644 --- a/packages/react-components/react-menu/src/components/MenuItem/useMenuItemStyles.styles.ts +++ b/packages/react-components/react-menu/src/components/MenuItem/useMenuItemStyles.styles.ts @@ -49,6 +49,11 @@ const useRootBaseStyles = makeResetStyles({ }, }, + ':hover:active': { + backgroundColor: tokens.colorNeutralBackground1Pressed, + color: tokens.colorNeutralForeground2Pressed, + }, + userSelect: 'none', ...createFocusOutlineStyle(), }); From d783340054aea183a014d032c207cab84b0875f1 Mon Sep 17 00:00:00 2001 From: KHMakoto Date: Wed, 29 Nov 2023 16:11:49 -0800 Subject: [PATCH 2/2] Adding change file. --- ...ui-react-menu-95a114de-8688-4d5e-8c26-30da9afd2e00.json | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 change/@fluentui-react-menu-95a114de-8688-4d5e-8c26-30da9afd2e00.json diff --git a/change/@fluentui-react-menu-95a114de-8688-4d5e-8c26-30da9afd2e00.json b/change/@fluentui-react-menu-95a114de-8688-4d5e-8c26-30da9afd2e00.json new file mode 100644 index 0000000000000..63c7ec0171211 --- /dev/null +++ b/change/@fluentui-react-menu-95a114de-8688-4d5e-8c26-30da9afd2e00.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: Using correct colors when MenuItem is pressed.", + "packageName": "@fluentui/react-menu", + "email": "Humberto.Morimoto@microsoft.com", + "dependentChangeType": "patch" +}