fix: [DataGrid] The header row is not sticky on a virtualized grid with resizeable columns

[Stephen-Lamb]

🐛 Bug Report

The header row is not sticky for a virtualized data grid with resizeable columns.

💻 Repro or Code Sample

• Use the Virtualized grid example from the demo site but add ResizableColumns="true" to the FluentDataGrid.
• Scroll down.

🤔 Expected Behavior

The header row should stay at the top of the screen.

😯 Current Behavior

The header row disappears from the top of the screen, i.e. it is not sticky.

💁 Possible Solution

🔦 Context

🌍 Your Environment

• OS & Device: Windows on PC
• Browser: Google Chrome
• .NET and Fluent UI Blazor library Version: [9 and 4.12.0]

[Stephen-Lamb]

This is fine with 4.11.9. I think it may be to do with the vertical lines that were added for resizing/to show the column boundaries.

[vnbaaij]

Should already be fixed with #3890

[vnbaaij]

Also, for v4.12.1 I've added the option to turn off the full column height indicator (ResizeColumnOnAllRows)

[Stephen-Lamb]

Ah thanks. Yes it does look like the same issue. I should have checked closed issues before posting, my apologies. Does that fix also fix issue #3935 by the way? That is a more complicated repro, but it could be a symptom of the same issue.

[vnbaaij]

See my reply there. Closing this one as well as fixed already.