Indigo Excel-style filtering list cannot be scrolled to the last item

[viktorkombov]

Description

In the Indigo theme, the Excel-style filtering values list uses CSS gap between its virtualized items. The gap is rendered but is not included in the item size used for the virtual scrolling calculations.

Because of this difference, the calculated scrollable area does not cover the complete rendered content. When the scrollbar reaches the bottom, the last item is not fully visible.

Framework

Angular

Angular Version

22.1

Ignite UI for Angular Version

22.0.5

Component / Area

Grid

Browser

Chrome

Operating System

Windows

Command Not Working

No response

Steps to Reproduce

1. Open the provided StackBlitz sample - here.
2. Open the Excel-style filtering dialog for the configured column.
3. Drag the values list scrollbar thumb to the bottom.
4. Observe the last rendered item and the end of the scrollable area.

Actual Result

The scrollbar reaches its maximum position before the complete values list becomes visible. The last item is not fully visible and cannot be reached by scrolling further.

Expected Result

The scrollable area should cover the complete values list. When the scrollbar reaches the bottom, the last item should be fully visible.

Reproduction URL

https://stackblitz.com/edit/rmslqaox-8ava4x1o?file=package.json

Attachments

No response