Hello! We use a combination of the igx-grid and the igc dock manager to display different grids with related info. When we put two grids in a vertical alignment and try to filter with the excel style filter, the bottom half of the filter falls behind the bottom panel of the docks.
I've made a reproduction available at stackblitz.com/.../angular-jmly2l
Hello Jonas,
I have been looking into your question and determined that when the excel style filtering window is expanded, the z-index of the igx-tree-grid from which this window was expanded is removed, but on the second igx-tree-grid that is below, the z-index remains because it does not from there the excel style filling window is expanded. Therefore, this is the reason why the excel style filtering window spanned by the first igx-tree-grid goes under the second igx-tree-grid.
What I can suggest is in the style file of the given component in which the igx-tree-grids are located or globally in the styles.scss file to select the igx-tree-grids by class by selecting in the default mode .igx-grid, in cosy mod .igx-grid--cosy and in compact mod also .igx-grid--compact then remove the z-index of the igx-tree-grids by setting it to unset. This will align the grids to the same level and when the excel style filtering container is expanded from a given grid it will extend above all igx-tree-grids.
The described scenarios can be observed here:
In addition, I have prepared small sample illustrating my suggestion which could be found here. Please test it on your side and let me know how it behaves.
If you require any further assistance on the matter, please let me know.
Regards,
Georgi Anastasov
Entry Level Software Developer
Infragistics