Fixed popup positioning

edcarroll · Mar 28, 2017 · 70ee3bc · 70ee3bc
1 parent c776547
commit 70ee3bc
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/components/popup/popup.directive.ts b/components/popup/popup.directive.ts
@@ -123,6 +123,9 @@ export class SuiPopupDirective {
         if (!this._popupComponentRef) {
             const factory = this._componentFactoryResolver.resolveComponentFactory(SuiPopup);
             this._popupComponentRef = this._viewContainerRef.createComponent(factory);
+
+            // Append the generated element to the body to avoid any positioning issues.
+            document.querySelector("body").appendChild(this._popupComponentRef.location.nativeElement);
 
             this._popup.onClose.subscribe(() => {
                 this._popupComponentRef.destroy();