DataGrid make cells blank after horizontal scroll with ImmediateRenderer

The issue occurs when ImmediateRenderer is being used. When the DataGrid has multiple columns and the content can be scrolled horizontally, cells’ content disappear as user keeps on scrolling.

Scenario to reproduce I’ve prepared minimal showcase application, available here: https://github.com/macpawluk/data-grid-immediate-renderer-bug

1. Launch the app
2. Try to scroll the DataGrid horizontally

Observe the content is disappearing even though these cells are still visible in the viewport.

Expected behavior Cell’s content should stay visible if they remain in the viewport.

Screenshots

Desktop

• OS: Windows, Mac
• Version 0.10.4

Additional context The issue occurs only when using ImmediateRenderer - it’s important in my case as in the project we use it as a solution for visual glitches on Mac M1 machines.

[maxkatz6]

@macpawluk fixed in the 11.0 previews.

[macpawluk]

Here is a workaround that can be used:

<Style Selector="DataGridCellsPresenter">
    <Setter Property="ClipToBounds" Value="True" />
</Style>

credits to @donandren