[Firefox] Grid scrollbars render oddly in Firefox on Windows 11 when OS scrollbar setting is disabled

[Zneeky]

Description

Grid scrollbars appear visually smaller in latest Firefox (150.0) and do not expand/render correctly when needed on Firefox running on Windows 11. The behavior differs from another machine using Windows 10, where the same sample appears as expected.

Framework

Angular

Angular Version

latest

Ignite UI for Angular Version

latest

Component / Area

Grid

Browser

Firefox 150.0

Operating System

Windows 11

Command Not Working

Steps to Reproduce

1. Use Windows 11 machine
2. Use Firefox 150.0.
3. Open an Ignite UI for Angular sample containing a grid with horizontal scrolling.
4. Ensure the Windows scrollbar-related accessibility/visual behavior is enabled in the way that causes reduced/overlay scrollbar appearance.
5. Observe the horizontal scrollbar area at the bottom of the grid.

Actual Result

The scrollbars appear smaller and visually inconsistent, and they do not expand/render properly when needed.

Expected Result

The scrollbars should render consistently across supported Windows versions and expand/display correctly when horizontal or vertical scrolling is needed.

Reproduction URL

https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/row-pinning

Attachments

Windows 11 settings :
Settings → Accessibility → Visual effects → Always show scrollbars (off)

Firefox: