feat(material/menu): add focus state styles for menu items

mistrykaran91 · mistrykaran91 · commit bfd7a47ffe39 · 2025-04-07T12:21:05.000+05:30
diff --git a/src/material/menu/menu.scss b/src/material/menu/menu.scss
@@ -203,6 +203,12 @@ mat-menu {
         &:hover {
           background-color: token-utils.slot(item-hover-state-layer-color);
         }
+
+        &.cdk-program-focused,
+        &.cdk-keyboard-focused,
+        &.mat-mdc-menu-item-highlighted {
+          background-color: token-utils.slot(item-focus-state-layer-color);
+        }
       }
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -203,6 +203,12 @@ mat-menu {`
`203`	`203`	`&:hover {`
`204`	`204`	`background-color: token-utils.slot(item-hover-state-layer-color);`
`205`	`205`	`}`
	`206`	`+`
	`207`	`+ &.cdk-program-focused,`
	`208`	`+ &.cdk-keyboard-focused,`
	`209`	`+ &.mat-mdc-menu-item-highlighted {`
	`210`	`+ background-color: token-utils.slot(item-focus-state-layer-color);`
	`211`	`+ }`
`206`	`212`	`}`
`207`	`213`	`}`
`208`	`214`	`}`