fix(layout-docs): workaround for now since MdSidenav has issues when opening sometimes at the beggining

possible issue would be angular/components#6743

Author: emoralesb05

src/app/app.component.ts

@@ -88,8 +88,11 @@ export class DocsAppComponent implements AfterViewInit {
   }
 
   ngAfterViewInit(): void {
-    this.media.broadcast();
-    this._changeDetectorRef.detectChanges();
+    // broadcast to all listener observables when loading the page
+    setTimeout(() => { // workaround since MdSidenav has issues redrawing at the beggining
+      this.media.broadcast();
+      this._changeDetectorRef.detectChanges();
+    });
   }
 
 }

src/app/components/components/components.component.ts

@@ -156,7 +156,9 @@ export class ComponentsComponent implements AfterViewInit {
 
   ngAfterViewInit(): void {
     // broadcast to all listener observables when loading the page
-    this.media.broadcast();
-    this._changeDetectorRef.detectChanges();
+    setTimeout(() => { // workaround since MdSidenav has issues redrawing at the beggining
+      this.media.broadcast();
+      this._changeDetectorRef.detectChanges();
+    });
   }
 }

src/app/components/components/paging/paging.component.html

@@ -337,8 +337,11 @@
                           public media: TdMediaService) {}
 
               ngAfterViewInit(): void {
-                this.media.broadcast();
-                this._changeDetectorRef.detectChanges();
+                // broadcast to all listener observables when loading the page
+                setTimeout(() => { // workaround since MdSidenav has issues redrawing at the beggining
+                  this.media.broadcast();
+                  this._changeDetectorRef.detectChanges();
+                });
               }
 
               changeResponsive(event: IPageChangeEvent): void {

src/app/components/components/paging/paging.component.ts

@@ -29,8 +29,11 @@ export class PagingDemoComponent implements AfterViewInit {
               public media: TdMediaService) {}
 
   ngAfterViewInit(): void {
-    this.media.broadcast();
-    this._changeDetectorRef.detectChanges();
+    // broadcast to all listener observables when loading the page
+    setTimeout(() => { // workaround since MdSidenav has issues redrawing at the beggining
+      this.media.broadcast();
+      this._changeDetectorRef.detectChanges();
+    });
   }
 
   change(event: IPageChangeEvent): void {

src/app/components/design-patterns/design-patterns.component.ts

@@ -41,7 +41,9 @@ export class DesignPatternsComponent implements AfterViewInit {
 
   ngAfterViewInit(): void {
     // broadcast to all listener observables when loading the page
-    this.media.broadcast();
-    this._changeDetectorRef.detectChanges();
+    setTimeout(() => { // workaround since MdSidenav has issues redrawing at the beggining
+      this.media.broadcast();
+      this._changeDetectorRef.detectChanges();
+    });
   }
 }

src/app/components/docs/docs.component.ts

@@ -71,8 +71,10 @@ export class DocsComponent implements AfterViewInit {
 
   ngAfterViewInit(): void {
     // broadcast to all listener observables when loading the page
-    this.media.broadcast();
-    this._changeDetectorRef.detectChanges();
+    setTimeout(() => { // workaround since MdSidenav has issues redrawing at the beggining
+      this.media.broadcast();
+      this._changeDetectorRef.detectChanges();
+    });
   }
 
 }

src/app/components/layouts/manage-list/manage-list.component.html

@@ -436,8 +436,10 @@ <h3 class="md-title">TypeScript:</h3>
 
           ngAfterViewInit(): void {
             // broadcast to all listener observables when loading the page
-            this.media.broadcast();
-            this._changeDetectorRef.detectChanges();
+            setTimeout(() => { // workaround since MdSidenav has issues redrawing at the beggining
+              this.media.broadcast();
+              this._changeDetectorRef.detectChanges();
+            });
           }
 
         }

src/app/components/layouts/manage-list/manage-list.component.ts

@@ -84,8 +84,10 @@ export class ManageListComponent implements AfterViewInit {
 
   ngAfterViewInit(): void {
     // broadcast to all listener observables when loading the page
-    this.media.broadcast();
-    this._changeDetectorRef.detectChanges();
+    setTimeout(() => { // workaround since MdSidenav has issues redrawing at the beggining
+      this.media.broadcast();
+      this._changeDetectorRef.detectChanges();
+    });
   }
 
 }

src/app/components/layouts/nav-list/nav-list.component.html

@@ -321,8 +321,10 @@ <h3 class="md-title">TypeScript:</h3>
 
           ngAfterViewInit(): void {
             // broadcast to all listener observables when loading the page
-            this.media.broadcast();
-            this._changeDetectorRef.detectChanges();
+            setTimeout(() => { // workaround since MdSidenav has issues redrawing at the beggining
+              this.media.broadcast();
+              this._changeDetectorRef.detectChanges();
+            });
           }
 
         }

src/app/components/layouts/nav-list/nav-list.component.ts

@@ -84,8 +84,10 @@ export class NavListComponent implements AfterViewInit {
 
   ngAfterViewInit(): void {
     // broadcast to all listener observables when loading the page
-    this.media.broadcast();
-    this._changeDetectorRef.detectChanges();
+    setTimeout(() => { // workaround since MdSidenav has issues redrawing at the beggining
+      this.media.broadcast();
+      this._changeDetectorRef.detectChanges();
+    });
   }
 
 }