7

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

Liero
  • 25,216
  • 29
  • 151
  • 297
  • What is your `OverscanCount` set to? It seems to me that you are not letting it load a sufficient amount of items outside the view area. The next piece to look at will be your `ItemsProvider` logic, can you update with that? – Cory Podojil Jul 02 '21 at 19:07
  • If OverscanCount is too low, there would be placeholders, and they are there. The scrolling is broken also with Items bound to an array, so it' probably not broken by ItemsProvider – Liero Jul 03 '21 at 05:36
  • Sure, however I successfully load 100s to 1000s of items into a `` without any flickering, scroll issues, or missing entries using an items `ICollection` without the provider. What happens if you recreate this using an extremely more simplified implementation? – Cory Podojil Jul 04 '21 at 23:38
  • Im not using a `` element. See my repl for the simplest demo of the bug
     – Liero Jul 05 '21 at 04:53

1 Answers1

0

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.

Tiny Town Software
  • 142
  • 6