fix: FluentOverflow initially paints and then repaints if an overflow is detected, leading to a flash in FluentOverflow about fluentui-blazor HOT 2 OPEN

The overflow component needs to initialize and assess which items don't fit and then hide them. This is what is causing the 'flash'. You see it rendering and then it must repaint itself to hide the badges that are outside of the viewable area.
I'm not considering this a bug but more a consequence of the way this component works.

Initially setting visibility: hidden and then changing that once calculations are done, works but does not lead to a better result in my opinion as the 'flash' is then much more prominent with the whole block appearing.

Before

After

Maybe the effect is less visible with a different background color/other styling.

Shall we create a parameter so that the developer can choose which behavior the component uses? Something like VisibleOnLoad with a default of true to not break existing usage.

from fluentui-blazor.