Progress® KendoReact Feedback Portal
Back to Feed
Request a Feature Report a Bug
Unplanned
Last Updated: 03 Jan 2025 18:57 by ADMIN
Brent
Created on: 29 Dec 2024 19:01
Category: KendoReact
Type: Bug Report
0
Grid column resize "jitters"/broken when inside css-grid

here's a simple repro project minimally tweaked from an original kendo demo:

https://codesandbox.io/p/sandbox/suspicious-lovelace-8nmzgj?file=%2Fpackage.json

just start dragging a column resize handle and you should see the "jitter" right away. in our experience, the jitter is so pronounced that resizing columns is no longer practically usable.

please note this bug is definitely related to putting the kendo grid inside of a css-grid, see that definition in the parent <div style>

as you may imagine, we use css-grid for our overall page layout which i believe is still modern best practice and we really hope you can fix this regression within that usage context.

note, the bug manifests regardless of the gridTemplateAreas or gridTemplateColumns, you can eliminate those entirely and it's still present.

hopefully helpful for tracking down:  it appears this started exactly in version "@progress/kendo-react-grid": "9.0.0-develop.11"... notice if you change back to @progress/kendo-react-grid v9.0.0-develop.10 the columns will no longer jitter upon resize.
 
gif video attached just to be sure the issue is clear
Attached Files:
1 comment
ADMIN
Filip
Posted on: 03 Jan 2025 18:57

Hello, Brent,

Thank you for the provided gif and reproducible example.

After conducting further tests it seems that the jittering behavior was introduced after version 8.5.0 of the Grid component. I have logged this as a regression issue in our public repo where it's progress can be tracked and monitored:

Apologies for any inconvenience this might have caused you. As a small token of gratitude for bringing this issue to our attention I have granted you some Telerik points.

Regards,
Filip
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Create an account Log In
View
Type
Status
Category