Data Virtualization Bug: Infinite Loading Loop with CSS Zoom

Radzen.Blazor Components
1

Problem

When CSS zoom is applied to the DataGrid or any parent container between the html element and the grid and data virtualization is enabled, scrolling triggers an infinite loading loop. The component miscalculates which records should be loaded, causing continuous data requests every few milliseconds and visual flickering.

We discovered this issue because our application includes a zoom feature that allows users to resize forms to adapt them to their visual needs.

How to Reproduce

Using the official Data Virtualization demo:

  1. Open DevTools Console

  2. Apply CSS zoom to the HTML element or any element between html and the grid:

   html {
     zoom: 0.7;
   }

  1. Scroll the grid

  2. Observe the infinite loop in console (see screenshots)

    image
    image1920×996 137 KB

    image
    image2500×1204 104 KB

    Any workaround or timeline for a fix would be appreciated. Thanks!

2

We are using default Blazor Virtualize componment and I’m afraid that fixing this is beyond our control, still if you believe you have a fix we we accept pull requests.