title: Blazor Virtualize component and broken scrolling when dragging scrollbar
body: <p>I have a custom datagrid with row vitrualization.</p>
  <p>When I scroll down by dragging the scrollbar, the scrolling is interrupted as before new &quot;page&quot; is rendered.</p>
  <p><a href="https://i.stack.imgur.com/jCx15.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jCx15.gif" alt="screen recording" /></a></p>
  <p>Do you have any idea, why this might be happening?</p>
  <pre><code>&lt;div class=&quot;sg-container&quot; style=&quot;height:200px&quot;&gt;
      &lt;div class=&quot;simple-grid&quot; style=&quot;grid-template-columns: 3em minmax(5em, auto); &quot;&gt;
          &lt;Virtualize Items=&quot;_products&quot; 
                      ItemSize=&quot;32&quot;&gt;
              &lt;ItemContent&gt;
                  &lt;div class=&quot;sg-row sg-row &quot;&gt;
                      &lt;div class=&quot;sg-cell &quot;&gt;@context.Id&lt;/div&gt;
                      &lt;div class=&quot;sg-cell &quot;&gt;@context.Name&lt;/div&gt;
                  &lt;/div&gt;
              &lt;/ItemContent&gt;
          &lt;/Virtualize&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Demo (REPL) is here: <a href="https://blazorrepl.com/repl/mvkBuHuB22FVBxY258" rel="nofollow noreferrer">https://blazorrepl.com/repl/mvkBuHuB22FVBxY258</a></p>