Merge pull request #9933 from IgniteUI/mpopov/chip-z-index

Add z-index to the chip ghost

Author: zdrawku

projects/igniteui-angular/src/lib/core/styles/components/chip/_chip-theme.scss

@@ -578,7 +578,6 @@
 
     %igx-chip__ghost {
         position: absolute;
-        z-index: 10;
         box-shadow: --var($theme, 'ghost-shadow');
         overflow: hidden;
         color: --var($theme, 'focus-text-color');
@@ -606,6 +605,14 @@
             padding: map-get($chip-padding, 'compact');
         }
     }
+
+    // Remark: If z-index is not set, the chip would
+    // hide behind it's parent grid as it has a z-index of 1
+    %igx-chip__ghost,
+    %igx-chip__ghost--cosy,
+    %igx-chip__ghost--compact {
+        z-index: 10;
+    }
 }
 
 /// Adds typography styles for the igx-chip component.