[Bug][Grid] Grid component breaks when the data is an empty array and the scrollable attribute is set to 'none'.

[ivan-kolesen]

I'm submitting a...

• Regression report

Current behavior

When the data={[]} and scrollable='none', Grid component breaks, displaying the error:

Error in /turbo_modules/@progress/kendo-react-grid@7.4.0/Grid.js (8:20657)
Cannot read properties of null (reading 'clientWidth')

Expected behavior

It functioned properly in versions prior to 7.0.0.
The component should not break. Instead, it should display a full-width message saying 'No records available'.

Minimal reproduction of the problem with instructions

See https://stackblitz.com/edit/react-rbxsyy?file=app%2Fmain.jsx

Environment

Package versions:

@progress/kendo-react-grid@^7.4.0

P.S.

After removing scrollable='none', the message 'No records available' appears ugly and fails to stretch to the full width of the table.

[zdravkov]

It looks like a bug indeed, thank you for reporting it. We will do our best to fix this as soon as possible.

If you observe other issues or you have other questions regarding our components or their specific configuration you can also consider submitting a support ticket on our support platform where we do our best to provide a more advanced dedicated support.

[filipKovachev]

Reported again in Ticket ID: 1650291