1. Feedback
  2. Angular
  3. 16988

Welcome to the Angular feedback portal. We’re happy you’re here! If you have feedback on how to improve the Angular, 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!

1
Vote

showSpinner does not work when target div has child divs that contain other controls with spinners

I was having difficulty getting the Angular Spinner control to show in my application. I wanted it to display during the time the user chose their datasets and the data was returned from the server, before the data was even loaded into one of the grids in the application. When I called showSpinner, I received and error in the browser window:

Cannot set property 'isAnimate' of undefined

at showHideSpinner


After digging through the Javascript I found that it had picked up the id for a spinner wrapper for a different spinner than the one I was trying to show. I changed my target div to one that did not have any Syncfusion grids as child elements, and the code began working as intended. Fortunately I was able to get the CSS to work so that the spinner appeared in the middle of the screen as desired, but I wanted to report this issue in case others run into it.

As far as reproducing, you can do it by following the example code here:

https://ej2.syncfusion.com/angular/documentation/spinner/getting-started/#create-the-spinner-globally

And putting an <ejs-pivotview> control inside the target div.