Angular lazy loading breaks skeleton loading animations

433 views Asked by At

I've seen a few other solutions (Show activity Indicator while loading a lazy loaded Module in Angular 2, Showing a loading indicator for lazy loaded route module ) and a few others that I quickly skimmed but none address my issue.

My app grew too large and needed lazy loading. I have a skeleton-ui for loading indicators (vs a big spinner). As soon as I converted things to lazy loading it broke all the keyframe animations in my skeleton-ui.

I dont know exactly why it does it. It could be something built into the CSS, Angular, or even my app locking the UI until it parses the JS. I have no idea.

How can I have lazy loading while still giving the user immideate feedback via a skeleton ui?

1

There are 1 answers

0
Kerim Yagmurcu On

Use a loading spinner... due to the fact that you didn't provide code examples, it's hard to help you with your problem.

The reason, I guess, is overfetching CSS.