fluentui-blazor icon indicating copy to clipboard operation
fluentui-blazor copied to clipboard

fix: Constant re-rendering in FluentOverflow

Open JamesNK opened this issue 6 months ago • 1 comments

🐛 Bug Report

When FluentOverflow has an overflow inside a grid then it constantly re-renders itself. Work is happening on the server, being sent over SignalR and in the browser.

💻 Repro or Code Sample

With this PR to update to the latest version - https://github.com/dotnet/aspire/pull/2301 - go to the traces page and resize the span columns to create an overflow.

overflow-render-on-overflow

🤔 Expected Behavior

FluentOverflow renders itself a few times when a column is resized, and not at all once resizing stops.

😯 Current Behavior

Constant rendering. Browser elements change, a lot of SignalR traffic, server CPU usage, etc.

💁 Possible Solution

🔦 Context

🌍 Your Environment

  • OS & Device: [e.g. MacOS, iOS, Windows, Linux] on [iPhone 7, PC]
  • Browser [e.g. Microsoft Edge, Google Chrome, Apple Safari, Mozilla FireFox]
  • .NET and FAST Version [e.g. 1.8.0]

JamesNK avatar Feb 19 '24 05:02 JamesNK