1. Feedback
  2. Blazor
  3. 13234

Welcome to the Blazor feedback portal. We’re happy you’re here! If you have feedback on how to improve the Blazor, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

2
Votes

DataGrid spinner does not get hidden consistently

This is a confusing bug because it does not happen consistently and I have found no way to reliably reproduce it.

It happens under these conditions (but not always..):

  • A DataGrid component with a column with a template which shows one of two buttons depending on the context for that row using an if-else (one of the buttons also has an AuthorizeView element around it).
I tried to put this in a code block but this feedback editor is also buggy so it wouldn't let me:
<GridColumn MinWidth="160px" Width="180px">

    <Template>

     
     
@{

     
     
     
var model = (GridViewModel)context;
     
     
     
if (model.BooleanValue) {
     
     
     
     <SfProgressButton @onclick=@(e=>
DoStuff1(model.Id))
     
     
     
     
     
     
     
     
     
     
  
IconCss="fas fa-file-pdf button-icon"
     
     
     
     
     
     
     
     
     
       
Content="Button 1">
     
     
     
     
     <ProgressSpinButtonSettings Position=SpinPosition.Left />

     
     
     
     </SfProgressButton>

     
     
     
} else {
     
     
     
     <AuthorizeView Policy="SomePolicy">

     
      
     
     
    <ChildContent Context="AuthorizeContext">
     
     
     
     
     
     
<SfProgressButton @onclick=
@(e=>
DoStuff2(model.Id))
     
      
     
     
     
     
     
     
     
     
     
     
  
IconCss="fas fa-file-pdf button-icon"
     
     
 
      
      
   
     
     
     
     
     
     
       
Content="Button 2">
     
     
     
     
     
     
     
<ProgressSpinButtonSettings Position=SpinPosition.Left />
     
     
     
     
     
     
</SfProgressButton>
     
     
     
     
     </ChildContent>

     
     
     
     </AuthorizeView>

     
     
     
}
     
     
}

    </Template>

</GridColumn>

  • Data is fetched from a remote resource in the ReadAsync function of a DataAdaptor.

The symptoms:

  1. the grid is initialized & displays in the UI
  2. the spinner appears
  3. the data is loaded and fills the grid in the UI
  4. the spinner does not get hidden, and blocks interaction with the grid

No exceptions are thrown.


I have temporarily "solved" this by setting display:none on the spinner pane in the grid using CSS, but this is not ideal, I would like the spinner to work properly.


as an aside, the column with the buttons also cannot use AutoFit, but that's not a huge issue for me