Skip to content

fix: Virtualized FluentDataGrid jittery scroll bar in #3728

@johnW-ret

Description

@johnW-ret

🐛 Bug Report

Using Virtualized FluentDataGrid causes jittery scrolling

💻 Repro or Code Sample

The issue is on my work computer. I would try to create a repro, but you can observe the issue on the Remote Data example in the documentation (see 😯 Current Behavior)

DataGridRemoteData.razor

🤔 Expected Behavior

Smooth scrolling that takes the fixed total count and line height into account and does not jitter.

😯 Current Behavior

GIF of glitchy scrolling behavior

💁 Possible Solution

I am curious but have not looked at the source yet.

🔦 Context

  • The jumping is much more exaggerated on my work computer contributing to a much worse user experience. I encounter the issue on server render mode whereas the docs I linked above are client render mode.
  • Rapidly scrolling on the demo site almost always leads to the following error, although this may not be related.
    Example Razor An error has occurred: net_http_message_not_success_statuscode_reason, 400, Bad Request

🌍 Your Environment

  • OS & Device: Windows
  • Browser: Microsoft Edge
  • .NET 8.0.408 and Fluent UI Blazor library Version and 4.11.8

Metadata

Metadata

Assignees

No one assigned

    Labels

    triageNew issue. Needs to be looked at

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions