fix(navbar,autocomplete): use afterNextRender for event listeners for ssr support (#DS-3964) (#1129)

Author: artembelik

packages/components/autocomplete/autocomplete-trigger.directive.ts

@@ -27,6 +27,7 @@ import {
     Optional,
     Provider,
     ViewContainerRef,
+    afterNextRender,
     forwardRef,
     inject
 } from '@angular/core';
@@ -220,9 +221,9 @@ export class KbqAutocompleteTrigger
         // @breaking-change 8.0.0 Make `_viewportRuler` required.
         private viewportRuler?: ViewportRuler
     ) {
-        if (this.window) {
+        afterNextRender(() => {
             zone.runOutsideAngular(() => this.window.addEventListener('blur', this.windowBlurHandler));
-        }
+        });
 
         this.scrollStrategy = scrollStrategy;
     }

packages/components/autocomplete/autocomplete.spec.ts

@@ -1802,10 +1802,11 @@ describe('KbqAutocomplete', () => {
         }));
     });
 
-    it('should not reopen a closed autocomplete when returning to a blurred tab', () => {
+    it('should not reopen a closed autocomplete when returning to a blurred tab', async () => {
         const fixture = createComponent(SimpleAutocomplete);
 
         fixture.detectChanges();
+        await fixture.whenStable();
 
         const trigger = fixture.componentInstance.trigger;
         const input = fixture.debugElement.query(By.css('input')).nativeElement;

packages/components/navbar/navbar-item.component.ts

@@ -18,6 +18,7 @@ import {
     Optional,
     TemplateRef,
     ViewEncapsulation,
+    afterNextRender,
     booleanAttribute,
     inject
 } from '@angular/core';
@@ -606,11 +607,9 @@ export class KbqNavbarToggle extends KbqTooltipTrigger implements OnDestroy {
 
         this.placement = PopUpPlacements.Right;
 
-        if (this.window) {
-            this.ngZone.runOutsideAngular(() => {
-                this.window.addEventListener('keydown', this.windowToggleHandler);
-            });
-        }
+        afterNextRender(() => {
+            this.ngZone.runOutsideAngular(() => this.window.addEventListener('keydown', this.windowToggleHandler));
+        });
     }
 
     onKeydown($event: KeyboardEvent) {