fix(popover): arrow orientation on first popover opening fix (#45)

#28

Author: kostia-lev

projects/material-extended/mde/src/lib/popover/popover-interfaces.ts

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, TemplateRef } from '@angular/core';
+import { ElementRef, EventEmitter, NgZone, TemplateRef } from '@angular/core';
 import { MdePopoverPositionX, MdePopoverPositionY, MdePopoverTriggerEvent } from './popover-types';
 
 export interface MdePopoverPanel {
@@ -19,6 +19,7 @@ export interface MdePopoverPanel {
     setCurrentStyles: () => void;
     templateRef: TemplateRef<any>;
     close: EventEmitter<void>;
+    zone: NgZone;
     setPositionClasses: (x: MdePopoverPositionX, y: MdePopoverPositionY) => void;
     _emitCloseEvent: () => void;
 }

projects/material-extended/mde/src/lib/popover/popover-trigger.ts

@@ -380,11 +380,13 @@ export class MdePopoverTrigger implements AfterViewInit, OnDestroy { // tslint:d
                 posisionY = posisionY === 'below' ? 'above' : 'below';
             }
 
-            this.popover.positionX = posisionX;
-            this.popover.positionY = posisionY;
-            this.popover.setCurrentStyles();
+            this.popover.zone.run(() => {
+                this.popover.positionX = posisionX;
+                this.popover.positionY = posisionY;
+                this.popover.setCurrentStyles();
 
-            this.popover.setPositionClasses(posisionX, posisionY);
+                this.popover.setPositionClasses(posisionX, posisionY);
+            });
         });
     }
 

projects/material-extended/mde/src/lib/popover/popover.ts

@@ -10,6 +10,7 @@ import {
   ElementRef,
   ChangeDetectionStrategy,
   HostBinding,
+  NgZone
 } from '@angular/core';
 
 import { ESCAPE } from '@angular/cdk/keycodes';
@@ -195,7 +196,7 @@ export class MdePopover implements MdePopoverPanel, OnDestroy { // tslint:disabl
 
   @ViewChild(TemplateRef) templateRef: TemplateRef<any>;
 
-  constructor(private _elementRef: ElementRef) {
+  constructor(private _elementRef: ElementRef, public zone: NgZone) {
     this.setPositionClasses();
   }