Merge branch 'master' into changelog-update

Author: kdinev

projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss

@@ -603,7 +603,7 @@
         overflow: hidden;
         box-shadow: $grid-shadow;
         outline-style: none;
-        z-index: 0;
+        z-index: 1;
         border: $grid-border-width solid --var($theme, 'grid-border-color');
 
         %cbx-display {

src/app/grid-auto-size/grid-auto-size.sample.html

@@ -32,8 +32,7 @@
                 [filterMode]="'excelStyleFilter'"
                 [paging]="false"
                 [width]="'800px'"
-                [height]="height"
-                [style.zIndex]="'1'">
+                [height]="height">
                 <igx-column *ngFor="let c of columns" [field]="c.field"
                                                     [header]="c.field"
                                                     [movable]="c.movable"

src/app/grid-column-moving/grid-column-moving.sample.html

@@ -21,8 +21,7 @@
                 [filterMode]="'excelStyleFilter'"
                 [paging]="false"
                 [width]="'900px'"
-                [height]="'800px'"
-                [style.zIndex]="'1'">
+                [height]="'800px'">
                 <igx-column *ngFor="let c of columns" [field]="c.field"
                                                     [header]="c.field"
                                                     [movable]="c.movable"

src/app/grid-filter-template/grid-filter-template.sample.html

@@ -12,8 +12,7 @@
                 [rowSelectable]="true"
                 [paging]="false"
                 [width]="'900px'"
-                [height]="'800px'"
-                [style.zIndex]="'1'">
+                [height]="'800px'">
                 <igx-column *ngFor="let c of columns" [field]="c.field"
                                                     [header]="c.field"
                                                     [movable]="c.movable"

src/app/tree-grid/tree-grid.sample.html

@@ -16,7 +16,7 @@
                     rowSelectable="true" [paging]="false" [displayDensity]="density" [width]="'900px'" [height]="'500px'"
                     [showToolbar]="true" [columnHiding]="true" [columnPinning]="true" [exportExcel]="true" [exportCsv]="true"
                     exportText="Export" exportExcelText="Export to Excel" exportCsvText="Export to CSV" [allowFiltering]="true"
-                    [filterMode]="'excelStyleFilter'" [style.zIndex]="'1'">
+                    [filterMode]="'excelStyleFilter'">
                     <igx-column *ngFor="let c of columns" [field]="c.field" [header]="c.field" [pinned]="c.pinned"
                         [movable]="c.movable" [groupable]="false" [resizable]="c.resizable" [width]="c.width"
                         [sortable]="true" [filterable]="true" [editable]="true" [hidden]="c.hidden" [hasSummary]="c.summary"