TreeList getSelectedState fails with enabled virtual scrolling

[kdikov82]

The aria-rowIndex and data-grid-row-index are wrongly set when you scroll the TreeList to render new view when virtual scrolling is enabled. This causes the getSelectedState to return the wrong data key value, thus creating a wrong selected state:

• https://stackblitz.com/edit/react-km5ryu-xxv1mu?file=app%2Fmain.tsx

As a temporary workaround, the data key values can be added manually to the TR element and a custom logic for the selected state can be applied:

• https://stackblitz.com/edit/react-km5ryu-zhjb5q?file=app%2Fmain.tsx

[kdikov82]

The same issue is observed with the Grid

[filipKovachev]

Reported again in Ticket ID: 1619793

[helm100]

For the Grid, I could create a workaround by adding 'skip' to the GridSelectionChangeEvent's start and endRowIndex:

const onSelectionChange: (e: GridSelectionChangeEvent) => {
    // When virtual scrolling is enabled, we should add the amount of skipped records to the event
    e.endRowIndex += skip;
    e.startRowIndex += skip;
    const newSelectedState = getSelectedState({
        event: e,
        selectedState: selectedIdsState,
        dataItemKey: idFieldName
    });
    setSelectedIds(newSelectedState);
};

Working example: https://codesandbox.io/s/stoic-euclid-3t4ckp?file=/app/main.tsx

[iadnonov]

Reported again in #2288

[WissamProgress]

For the Grid, there is a regression between versions 7.3.0 and 7.4.0

For 7.3.0 it was working - https://stackblitz.com/edit/react-kenryc-hgt7wj?file=package.json

For 7.4.0 it stopped working - https://stackblitz.com/edit/react-kenryc-amrqfp?file=package.json

[iadnonov]

Fixed in dev version 8.1.0-develop.19.