Merge pull request #7138 from IgniteUI/ddimitrov/fix-7133-9.0.x

DiyanDimitrov · web-flow · commit 381951f081c5 · 2020-04-21T10:57:32.000+03:00
Fix leftover shadow when opening custom ESF dialog
diff --git a/projects/igniteui-angular/src/lib/grids/filtering/excel-style/grid.excel-style-filtering.component.ts b/projects/igniteui-angular/src/lib/grids/filtering/excel-style/grid.excel-style-filtering.component.ts
@@ -336,7 +336,7 @@ export class IgxGridExcelStyleFilteringComponent implements OnDestroy {
         }
     }
 
-    constructor(private cdr: ChangeDetectorRef) {}
+    constructor(private cdr: ChangeDetectorRef, private element: ElementRef) {}
 
     /**
      * @hidden @internal
@@ -479,7 +479,7 @@ export class IgxGridExcelStyleFilteringComponent implements OnDestroy {
         this.customDialog.selectedOperator = eventArgs.newSelection.value;
         eventArgs.cancel = true;
         if (this.overlayComponentId) {
-            this.mainDropdown.nativeElement.style.display = 'none';
+            this.element.nativeElement.style.display = 'none';
         }
         this.subMenu.close();
         this.customDialog.open(this.mainDropdown.nativeElement);

Original file line number	Diff line number	Diff line change
`@@ -336,7 +336,7 @@ export class IgxGridExcelStyleFilteringComponent implements OnDestroy {`
`336`	`336`	`}`
`337`	`337`	`}`
`338`	`338`
`339`		`- constructor(private cdr: ChangeDetectorRef) {}`
	`339`	`+ constructor(private cdr: ChangeDetectorRef, private element: ElementRef) {}`
`340`	`340`
`341`	`341`	`/**`
`342`	`342`	`* @hidden @internal`
`@@ -479,7 +479,7 @@ export class IgxGridExcelStyleFilteringComponent implements OnDestroy {`
`479`	`479`	`this.customDialog.selectedOperator = eventArgs.newSelection.value;`
`480`	`480`	`eventArgs.cancel = true;`
`481`	`481`	`if (this.overlayComponentId) {`
`482`		`- this.mainDropdown.nativeElement.style.display = 'none';`
	`482`	`+ this.element.nativeElement.style.display = 'none';`
`483`	`483`	`}`
`484`	`484`	`this.subMenu.close();`
`485`	`485`	`this.customDialog.open(this.mainDropdown.nativeElement);`