microsoft / microsoft/aspire

Traces Page jittering and jumping around while scrolling (in larger traces)

Open
#10,841 12 comments 0 reactions 1 assignee Claimed by @JamesNK View on GitHub
area-dashboard
Dominant language
C#
Stars
6.3k
Forks
991
Avg merge
2d 15h
Merged PRs (30d)
196

Description

### Is there an existing issue for this?

- [x] I have searched the existing issues

### Describe the bug

The traces views is jittering and jumping around while scrolling up or down. This only happens if the traces bigger and with a lot spans and nesting.

I looked in the code and I think the problem lies in the fact that the FluentDataGrid component that src/Aspire.Dashboard/Components/Pages/Traces.razor is using is set to be virtualized. I think this is not supported when you have items of different sizes as children (since you can collapse and uncollapse spans - which makes it hard for virtualization to know the size of a child )
Not sure if not setting virtualize as true could maybe be a better experience than this.

For me this makes the traces view not usable in those scenarios.
A button for collapsing and uncollapsing all children would maybe be a workaround.

### Expected Behavior

_No response_

### Steps To Reproduce

_No response_

### Exceptions (if any)

_No response_

### .NET Version info

_No response_

### Anything else?

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.