Border disappears when zooming in

Radzen.Blazor Components
1

Recently I noticed an issue with cell borders in the RadzenDateGrid. When I change the zoom of the browser to 110% some cell borders disappear. Strangely enough, it does not happen with ever theme. In the Material theme is works fine, in the Standard theme is does not. The issue is reproducible on the demo page with Chrome and Edge.

Frozen Column example (Standard theme)

Frozen Column example (Material theme)

The border width in both theme is defined as 1px. Any idea what the difference is?

2

Hi @Djezze,

Thanks for bringing this up. The issue is related to cells' width or height not being rendered to a full pixel (e.g. height is 48.9px not 49px) in combination with the usage of CSS position and z-index for frozen/sticky rows and columns.

There is already a github issue you can follow - Missing or broken borders of DataGrid header and footer cells · Issue #2072 · radzenhq/radzen-blazor · GitHub

1 Like