.rz-column-title overflow: hidden hides checkmark ripple on hover #1377

Open
opened 2026-01-29 17:52:50 +00:00 by claunia · 0 comments
Owner

Originally created by @richardaubin on GitHub (Sep 9, 2024).

Had to override:
.rz-datatable-thead th .rz-column-title,
.rz-grid-table thead th .rz-column-title {
overflow: visible;
}

because the hover effect of the checkmark is masked on hover. Example can be seen in the radzen example for datagrid multiple selection checkmark in the header left of the Employee label. Issue is more clearly visible in dark mode.
https://blazor.radzen.com/datagrid-multiple-selection?theme=material3

Originally created by @richardaubin on GitHub (Sep 9, 2024). Had to override: .rz-datatable-thead th .rz-column-title, .rz-grid-table thead th .rz-column-title { overflow: visible; } because the hover effect of the checkmark is masked on hover. Example can be seen in the radzen example for datagrid multiple selection checkmark in the header left of the Employee label. Issue is more clearly visible in dark mode. https://blazor.radzen.com/datagrid-multiple-selection?theme=material3
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1377