We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
  1. Home
  2. Forum
  3. Blazor
  4. Vertical scrollbar dissapearing when dialog is being showed + weird behavior when datasource record is being changed with EnableVirtualization enabled

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

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:


Afbeelding met tafel Automatisch gegenereerde beschrijving


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:

Afbeelding met tafel Automatisch gegenereerde beschrijving


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: