Pivot Grid vertical scrollbar flickering when horizontal layout is applied

[skrustev]

Description

Pivot Grid vertical scrollbar flickering when horizontal layout is applied

PS: This is reproduced on Elements Pivot Grid as well.

Framework

Angular

Angular Version

19.0.x

Ignite UI for Angular Version

19.0.x

Component / Area

Pivot Grid

Browser

Chrome

Operating System

No response

Command Not Working

Steps to Reproduce

1. Run the Pivot Grid Hierarchical dev demo
2. Apply the configuration bellow.
3. Observe the vertical scrollbar

Configuration

public pivotConfigHierarchy: IPivotConfiguration = {
        columns: [
            {
                memberName: 'City',
                memberFunction: (data) => data.Seller.City,
                enabled: true,
            },
        ],
        rows: [
            new IgxPivotDateDimension({ memberName: 'Date', enabled: true }),
        ],
        values: [
            {
                member: 'NumberOfUnits',
                aggregate: {
                    aggregator: IgxPivotNumericAggregate.sum,
                    key: 'sum',
                    label: 'Sum'
                },
                enabled: true

            }, {
                member: 'Value',
                aggregate: {
                    aggregator: IgxPivotNumericAggregate.sum,
                    key: 'sum',
                    label: 'Sum'
                },
                enabled: true,
                formatter: (val) => val ? parseFloat(val).toFixed(2) : undefined
            }
        ],
        filters: null
    };

Actual Result

The vertical scrollbar flickers.

PS: This is reproduced on Elements Pivot Grid as well.

Expected Result

The vertical scrollbar should render and not be flickering.

Reproduction URL

No response

Attachments