Angular lazy loading breaks skeleton loading animationsShow activity Indicator while loading a lazy loaded Module in Angular 2Show loading animation while module lazy loads?Show activity Indicator while loading a lazy loaded Module in Angular 2Angular router: how to pass data to lazy loading module?Is there a way to lazy load components, not modules, in Angular?Angular CLI HMR with Lazy-Loaded routes hot-reloads the whole thingAngular custom/delayed Lazy PreloadingStrategy bugAngular 5 Loading Spinner on Startup with Lazy-Loaded Route/ModuleLazy Load Modules which are not part of routesAngular Lazy Loading with Dependent ModulesLazy Loading, no chunks - Angular 7
Can fracking help reduce CO2?
Any examples of headwear for races with animal ears?
Help, my Death Star suffers from Kessler syndrome!
Minimum value of 4 digit number divided by sum of its digits
Illegal assignment from SObject to Contact
Has any spacecraft ever had the ability to directly communicate with civilian air traffic control?
What does "rf" mean in "rfkill"?
Will a top journal at least read my introduction?
gnu parallel how to use with ffmpeg
Options leqno, reqno for documentclass or exist another option?
How to back up a running remote server?
Do I have to worry about players making “bad” choices on level up?
Normal subgroup of even order whose nontrivial elements form a single conjugacy class is abelian
Why is the origin of “threshold” uncertain?
Phrase for the opposite of "foolproof"
Pulling the rope with one hand is as heavy as with two hands?
What is the strongest case that can be made in favour of the UK regaining some control over fishing policy after Brexit?
Reverse the word in a string with the same order in javascript
Subtleties of choosing the sequence of tenses in Russian
Modify locally tikzset
A non-technological, repeating, visible object in the sky, holding its position in the sky for hours
Unexpected email from Yorkshire Bank
Why are the 2nd/3rd singular forms of present of « potere » irregular?
What is the point of Germany's 299 "party seats" in the Bundestag?
Angular lazy loading breaks skeleton loading animations
Show activity Indicator while loading a lazy loaded Module in Angular 2Show loading animation while module lazy loads?Show activity Indicator while loading a lazy loaded Module in Angular 2Angular router: how to pass data to lazy loading module?Is there a way to lazy load components, not modules, in Angular?Angular CLI HMR with Lazy-Loaded routes hot-reloads the whole thingAngular custom/delayed Lazy PreloadingStrategy bugAngular 5 Loading Spinner on Startup with Lazy-Loaded Route/ModuleLazy Load Modules which are not part of routesAngular Lazy Loading with Dependent ModulesLazy Loading, no chunks - Angular 7
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
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?
angular lazy-loading skeleton-ui asked Mar 22 at 18:48
JDillon522JDillon522
7,033113465
add a comment |
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?
angular lazy-loading skeleton-ui asked Mar 22 at 18:48
JDillon522JDillon522
7,033113465
add a comment |
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?
angular lazy-loading skeleton-ui asked Mar 22 at 18:48
JDillon522JDillon522
7,033113465
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?
angular lazy-loading skeleton-ui angular lazy-loading skeleton-ui asked Mar 22 at 18:48
JDillon522JDillon522
7,033113465
asked Mar 22 at 18:48
JDillon522JDillon522
7,033113465
asked Mar 22 at 18:48
JDillon522JDillon522
7,033113465
asked Mar 22 at 18:48
JDillon522JDillon522
7,033113465
asked Mar 22 at 18:48
JDillon522JDillon522
7,033113465
7,033113465
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
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.
answered Mar 23 at 22:59
Kerim YagmurcuKerim Yagmurcu
1106
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55306052%2fangular-lazy-loading-breaks-skeleton-loading-animations%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
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.
answered Mar 23 at 22:59
Kerim YagmurcuKerim Yagmurcu
1106
add a comment |
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.
answered Mar 23 at 22:59
Kerim YagmurcuKerim Yagmurcu
1106
add a comment |
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.
answered Mar 23 at 22:59
Kerim YagmurcuKerim Yagmurcu
1106
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.
answered Mar 23 at 22:59
Kerim YagmurcuKerim Yagmurcu
1106
answered Mar 23 at 22:59
Kerim YagmurcuKerim Yagmurcu
1106
answered Mar 23 at 22:59
Kerim YagmurcuKerim Yagmurcu
1106
answered Mar 23 at 22:59
Kerim YagmurcuKerim Yagmurcu
1106
1106
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55306052%2fangular-lazy-loading-breaks-skeleton-loading-animations%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
