Skip to content

Scrolling issue in virtualize control on .NET 9 & 10 #63651

@JamesNK

Description

@JamesNK

Is there an existing issue for this?

  • I have searched the existing issues

Describe the bug

Aspire dashboard is built for .NET 8 but supports running with .NET 9 & 10 (roll forward). When it is run on 9 & 10 all the virtualize components in the app break when there is a lot of content. It seems to kick in at over 100 items, but I haven't tested closely.

<Virtualize Items="@logEntries.GetEntries()" ItemSize="20" OverscanCount="200" TItem="LogEntry">

</Virtualize>

There is a video from a customer showing the issue here: dotnet/aspire#7969 (comment)

Expected Behavior

Virtualize should render content correctly and scrollbar height should match the amount of content from the data source.

Steps To Reproduce

Run Aspire 9.4 with .NET 9 & 10 as the runtime. This will happen if .NET 8 isn't installed.

View pages in the dashboard with a significant amount of data, e.g. 200+ lines of console logs or structured logs.

Exceptions (if any)

No response

.NET Version

No response

Anything else?

No response

Metadata

Metadata

Assignees

Labels

area-blazorIncludes: Blazor, Razor Components

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions