Incorrect behavior when hovering above the menu item with icon #556

Closed
opened 2026-01-29 17:39:18 +00:00 by claunia · 0 comments
Owner

Originally created by @OndrejUzovic on GitHub (Sep 29, 2022).

When using the theme 'Default', 'Humanistic' or 'Software' the hovering above a menu item causes the icon disappears.

E.g. when using the 'Default' theme on the menu from demo:

image

The context menu has the same problem.

It looks like the problem is caused by setting of following variables:
--rz-menu-item-hover-color: var(--rz-text-contrast-color);
--rz-menu-item-icon-hover-color: var(--rz-text-contrast-color);

The solution could be to set it to --rz-menu-top-item-hover-color so that icons have the same color as the menu text. (So that the behavior is same as before 4.0)

Originally created by @OndrejUzovic on GitHub (Sep 29, 2022). When using the theme 'Default', 'Humanistic' or 'Software' the hovering above a menu item causes the icon disappears. E.g. when using the 'Default' theme on the menu from [demo](https://blazor.radzen.com/menu): ![image](https://user-images.githubusercontent.com/55758368/192965840-014d82fa-07f3-40cf-975a-4ac6dd4ea952.png) The context menu has the same problem. It looks like the problem is caused by setting of following variables: `--rz-menu-item-hover-color: var(--rz-text-contrast-color);` `--rz-menu-item-icon-hover-color: var(--rz-text-contrast-color);` The solution could be to set it to `--rz-menu-top-item-hover-color` so that icons have the same color as the menu text. (So that the behavior is same as before 4.0)
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#556