Lazy loaded routes makes page flicker

[misticwonder]

• I'm submitting a ...

• bug report

• Which parts of preboot are affected by this issue?

• client side

• What is the current behavior?
  When injector.get(ApplicationInitStatus).donePromise resolves
  angular removes all styles with 'ng-transition' from the header.
  And if you use lazy route for current page you can see
  the messing on the page for some time (depends on amount
  of components on the page).
  You can see it like a short flicker when reload the page.

• If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem by creating a github repo.
  https://github.com/misticwonder/preboot-bug2

• What is the expected behavior?
  No flicker

• Please tell us about your environment:

• Browser: [Chrome Version 62.0.3202.75 (Official Build) (64-bit) ]
• OS: [ Linux ]

[CaerusKaru]

Duplicate of angular/angular#15716

[kblestarge]

@CaerusKaru it might be the same issue solved in Angular 4 come back to life in Angular 5...

[naveedahmed1]

@misticwonder can you try it with 6.0.0-beta.1 and make sure your routes config has { initialNavigation: 'enabled' }

The page load was not smooth for me in 6.0.0-beta.0', though it wasn't flickering but wasn't smooth either. With 6.0.0-beta.1' things look pretty neat.

[kblestarge]

@naveedahmed1 that seems to have fixed the issue for me :)

[CaerusKaru]

@misticwonder After the latest update to your reproduction repo, I was unable to reproduce the issue. If you can confirm this as well, please close this issue.