Igniteui-angular: Filter's UI dropdown is hidden under the bottom level of the grid

[npaunov]

Description

Filter dropdown is hidden under the bottom level of the grid

• igniteui-angular version: all
• browser: 6.2.x

Steps to reproduce

1. Go to dev samples - "Grid Column Moving" , "Grid Summary"
2. Open the Filtering dropDown

Result

The end of operands list is not visible.

Expected result

The end of operands list is should be visible.

Attachments

[bkulov]

Filtering conditions dropdown now have a limited height (4 items and a scrollbar) so please take a look at the case where it goes under the summaries.

[desig9stein]

We can increase the z-index of .igx-grid__outlet from 2 to 1003 in order to make it bigger than the z-index of the footer, I test that and it fixes the issue @simeonoff are you ok with that?

[desig9stein]

Here is a table with all z-index added form SCSS

[simeonoff]

@desig9stein thanks for the z-index mapping, however, without markup context it's still difficult to grasp the z-index structure. Also, I don't think this table takes into account all dynamically assigned z-index values.