Open vinacharya05 opened 3 months ago
sample code to reproduce this issue. https://stackblitz.com/edit/angular-13-starter-project-ibwtvf?file=src%2Fapp%2Fapp.component.ts,src%2Findex.html
Way too late to answer this, but the reason for this is that you're using DEFAULT_INTERRUPTSOURCES
object as the interrupt source for both of your idle instances. As soon as you go idle, the Idle
service unsubscribes from the interrupt sources, and since DEFAULT_INTERRUPTSOURCES
is an object that's shared between both of your instances, as soon as one instance goes idle, the other one also stops listening to interrupt sources and never reintializes again.
You should use createDefaultInterruptSources()
instead.
NOTE: Due to limited time constraints and resources, we ask that you please use Stack Overflow or similar to troubleshoot or ask general questions, and not use bug reports to solicit help setting up your app.
Describe the bug I have two idle instances, one for auto logout and another one for screensaver.
If my screensaver is "Active" and if timeout happens on the first instance(i,e. autologout) and if I try to interrupt the screen then screensaver is not going off and its blocking the UI. (One thing is clear that interrupt subscription stops working in this scenario).
To Reproduce import {Component, NgZone, OnInit} from '@angular/core'; import {DEFAULT_INTERRUPTSOURCES, Idle, LocalStorage, LocalStorageExpiry} from '@ng-idle/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent implements OnInit{ title = 'my-idle-app'; private readonly screenSaver!: HTMLElement; private readonly screenSaverText!: Text; idleTime1: number = 1; private screenSaverIdle = new Idle(new LocalStorageExpiry(new LocalStorage()), this.ngZone);
constructor(readonly ngZone: NgZone, private idle1: Idle) { this.screenSaver = document.createElement('div'); this.screenSaver.id = 'screensaver'; this.screenSaver.className = 'screen-saver'; this.screenSaverText = document.createTextNode('---%'); const movingTxt = document.createElement('span'); movingTxt.appendChild(this.screenSaverText); this.screenSaver.appendChild(movingTxt); this.removeScreenSaver();
}
ngOnInit() { this.idle1.setIdleName('AutoLogoutIdleService'); this.idle1.setInterrupts(DEFAULT_INTERRUPTSOURCES);
}
private removeScreenSaver() { const ex = document.getElementById('screensaver'); if (ex) { document.body.removeChild(ex); } } }
Expected behavior A clear and concise description of what you expected to happen.
Please tell us about your environment