Angular/AngularJS Upgrade app unresponsive when browser tab in background
Angular/AngularJS Upgrade app unresponsive when browser tab in background
I have an Angular/AngularJS Upgrade App and am currently in the process of migrating everything from AngularJS to Angular. It's a fairly large project so I definitely need to go the Upgrade way.
I use the @uirouter/angular-hybrid and have a root state that is still AngularJS (Navigation and stuff) and a child view. In this child view im now slowly upgrading all components to Angular. For performance reasons I had to use the downgradeModule() (https://angular.io/guide/upgrade-performance) instead of the UpgradeModule.
For ui components I use Angular Material 2.
So much for the setup, now to the question/problem:
When the tab with the page is in the background and you come back to the page later (at least 5 to 10minutes) the entire page lags and is unresponsive. The longer you are away and the tab is in the background, the longer the lag is.
What I already tried/found out:
ngZone: 'noop'
I'm currently working on a clean sample app to reproduce the problem and have some more context for further test. I will add it soon.
Angular: 6.1.0
AngularJS: 1.7.2
zone.js: 0.8.26
@uirouter/angular-hybrid: 6.0.0
By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.