igx-grid-excel-style-filtering: last list item is hidden behind the footer buttons when scrolled to the end

[Timmeeeey]

Description

In the Excel-style filtering menu of igx-grid, scrolling the value list to the very bottom leaves the last item partially (or fully, depending on --ig-size) hidden behind the Cancel/Apply footer. The list cannot be scrolled any further, so the last value is never fully readable.

Framework

Angular

Angular Version

22.1.0

Ignite UI for Angular Version

22.0.6

Component / Area

Grid

Browser

Chrome

Operating System

Windows

Command Not Working

Steps to Reproduce

1. Bind an igx-grid to a column with enough distinct values to virtualize (e.g. 1000)
   2.. Enable [allowFiltering]="true" with filterMode="excelStyleFilter"
2. Open the Excel-style filter of that column and scroll the checkbox list to the end.

Actual Result

The last row is clipped by the list's overflow: hidden edge.

Expected Result

Scrolling to the end shows the last item in full.

Reproduction URL

https://stackblitz.com/edit/rmslqaox

Attachments