From 345846d90f2fa20c0a0ef93429015069f9644e04 Mon Sep 17 00:00:00 2001 From: Stamen Stoychev Date: Tue, 18 Aug 2026 13:15:12 +0300 Subject: [PATCH] fix(esf): let templated filter operations fill the filter menu The igx-excel-style-filter-operations wrapper is projected straight into the ESF menu's flex column as a plain element, so it and the search list inside it were sized by their own content instead of the height available in the menu. That made the virtualized list grow by a single item per refreshSize() frame, leaving the rendered item count dependent on how many refreshes happened rather than on the space the list actually has. Stretch the wrapper so the search list is sized by the flex layout in one pass. This also applies to the pivot grid, which uses the same wrapper in its header row. Co-Authored-By: Claude Opus 5 (1M context) --- .../core/src/filtering/excel-style/themes/_base.scss | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/projects/igniteui-angular/grids/core/src/filtering/excel-style/themes/_base.scss b/projects/igniteui-angular/grids/core/src/filtering/excel-style/themes/_base.scss index 20a2681953c..f5268560f96 100644 --- a/projects/igniteui-angular/grids/core/src/filtering/excel-style/themes/_base.scss +++ b/projects/igniteui-angular/grids/core/src/filtering/excel-style/themes/_base.scss @@ -127,6 +127,18 @@ $checkbox-indent: ( background: var-get($theme, 'background'); + // The custom template wrappers are projected straight into the menu's flex + // column as plain elements. Without stretching the filter operations one, it + // and the search list inside it are sized by their content, which leaves the + // virtualized list unable to grow to the height available in the menu. + igx-excel-style-filter-operations, + [igxExcelStyleFilterOperations] { + display: flex; + flex-direction: column; + flex-grow: 1; + min-height: 0; + } + .igx-tree-node__wrapper { padding: 0; }