Merge pull request #4279 from IgniteUI/mvenkov/fix-dialog-position-in-IE

Change content div position to relative in flex wrapper
IgniteUI · Mar 15, 2019 · c1b1994 · c1b1994
2 parents 946102e + 3079336
commit c1b1994
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 4 deletions.
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/overlay/_overlay-component.scss b/projects/igniteui-angular/src/lib/core/styles/components/overlay/_overlay-component.scss
@@ -38,6 +38,11 @@
         @extend %overlay-content !optional;
         @extend %overlay-content--elastic !optional;
     }
+
+    @include e(content, $m: relative) {
+        @extend %overlay-content !optional;
+        @extend %overlay-content--relative !optional;
+    }
 }
 
 @include b(igx-toggle) {

diff --git a/projects/igniteui-angular/src/lib/core/styles/components/overlay/_overlay-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/overlay/_overlay-theme.scss
@@ -80,11 +80,15 @@
         pointer-events: initial;
     }
 
-    %igx-toggle--hidden {
-        display: none !important;
-    }
-
     %overlay-content--elastic {
         overflow: auto;
     }
+
+    %overlay-content--relative {
+        position: relative;
+    }
+
+    %igx-toggle--hidden {
+        display: none !important;
+    }
 }
diff --git a/projects/igniteui-angular/src/lib/services/overlay/position/global-position-strategy.ts b/projects/igniteui-angular/src/lib/services/overlay/position/global-position-strategy.ts
@@ -25,6 +25,7 @@ export class GlobalPositionStrategy implements IPositionStrategy {
     }
 
     position(contentElement: HTMLElement, size?: Size, document?: Document, initialCall?: boolean): void {
+        contentElement.classList.add('igx-overlay__content--relative');
         contentElement.parentElement.classList.add('igx-overlay__wrapper--flex');
         switch (this.settings.horizontalDirection) {
             case HorizontalAlignment.Left: