Vertical scrollbar dissapearing when dialog is being showed + weird behavior when datasource record is being changed with EnableVirtualization enabled

[Nicolas]

I am working with a splitter in combination with the Grid component. The Grid contains 15 rows and when loaded initially all is fine and the vertical scrollbar is being showed:

Though, when I click a button that shows a predefined-dialog confirmation, the vertical scrollbar disappears and does not come back (also not after a Grid.Refresh() command). Only a full page-refresh restores the vertical scrollbar visibility:

Vertical scrollbar is not restored when dialog is closed:

Some additional information:

- <Syncfusion.Blazor.Popups.SfDialogProvider /> is added in the MainLayout.razor

- The Gridsettings are as follows: 

AllowSelection="true" 

AllowPaging="true"

 AdaptiveUIMode="AdaptiveMode.Both" 

RowRenderingMode="RowDirection.Vertical" 

AllowSorting="true"

   <GridPageSettings PageSize="20"></GridPageSettings>

    <GridSelectionSettings Mode="Syncfusion.Blazor.Grids.SelectionMode.Row" Type="Syncfusion.Blazor.Grids.SelectionType.Single"></GridSelectionSettings>

The DataSource is a ObservableCollection. 

So with the problem above, I had the idea to set the EnableVirtualization to true. This worked sort of, at least the vertical scrollbar does not disappear:

Also after the display of the dialog it still works:

But this causes another problem, as soon as I replace a record in my ObservableCollection, like so:

      var index = KlantProjectTellingen.IndexOf(klantProjectTelling);

                    if(index != -1)

                        KlantProjectTellingen[index] = record;

Then I get this weird empty line and the replaced line has disappeared, but the Grid still says it are 15 records (so it is there somewhere):

After replacement:

Still 15 items, but the top (replaced) item is empty.

[Indumathi Ravi]

Hi Nicolas,

Query 1 ; “Vertical scrollbar disappearing when dialog is being showed”

Based on your query, we prepared grid sample with dialog is showed but unfortunately reported issue does not occurs at our end. We also attached the sample and screenshot in this ticket for more information

When dialog is open

After dialog is closed

Query 2 : “when datasource record is being changed with EnableVirtualization enabled”

Based on your query, we able to reproduced the reported issue, we will update the details shortly

Regards,

Naveen Palanivel

Attachment: BlazorApp2_ed7d3c56.zip

[Naveen Palanivel]

Hi  Nicolas,

We have confirmed this as an issue and logged the defect report “Virtualization Grid does not show all rows , its disappear when adding a new set of data with ObservableCollection” for the same. Thank you for taking time to report this issue and helping us to improve our product. At Syncfusion, we are committed to fix all validated defects (subject to technological feasibility and Product Development Life Cycle) and this fix will be included in our upcoming patch release which is expected to be rolled out on or before 8^th    Feb, 2023.

You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link.       

https://www.syncfusion.com/feedback/40516/virtualizationgrid-does-not-show-all-rows-it-disappear-when-adding-a-new-set-of

Disclaimer: “Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization”

Regards,

Naveen Palanivel

[Naveen Palanivel]

Hi Nicolas,

We are glad to announce that, we have included fix for the issue “ Virtualization Grid does not show all rows , its disappear when adding a new set of data with ObservableCollection” in our release (20.4.0.48).  So please upgrade to our latest version of Syncfusion NuGet package to resolve the reported issue. Please find the Nuget package for latest fixes and features from below.

Nuget : https://www.nuget.org/packages/Syncfusion.Blazor.Grid

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance. 

Please let us know if you have any concerns.