Blazor Virtualize component and broken scrolling when dragging scrollbar

2.6k views Asked by At

I have a custom datagrid with row vitrualization.

When I scroll down by dragging the scrollbar, the scrolling is interrupted as before new "page" is rendered.

screen recording

Do you have any idea, why this might be happening?

<div class="sg-container" style="height:200px">
    <div class="simple-grid" style="grid-template-columns: 3em minmax(5em, auto); ">
        <Virtualize Items="_products" 
                    ItemSize="32">
            <ItemContent>
                <div class="sg-row sg-row ">
                    <div class="sg-cell ">@context.Id</div>
                    <div class="sg-cell ">@context.Name</div>
                </div>
            </ItemContent>
        </Virtualize>

    </div>
</div>

Demo (REPL) is here: https://blazorrepl.com/repl/mvkBuHuB22FVBxY258

1

There are 1 answers

2
Tiny Town Software On BEST ANSWER

In theory they should have fixed this bug according to this. Your scenario may be different, so maybe it's worth filing a bug, because this definitely smells like a Blazor bug to me.