Grid jumping on Row Removal

[Janki]

It's also happening in the Kendo demo on this page: (first example) https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-inline/

 

Scroll down to the middle of the grid, click Remove on an item, and the grid will jump up to the top when the row is removed from sight

[Stefan]

Hello, Janki,

This can be resolved by setting the fixedScroll property to true:

https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/#toc-fixedscroll

Regards,
Stefan
Progress Telerik

[Janki]

Hey Stefan,
Thank you for sharing this property! It worked for me! Do you have any ideas on how to make the row flash red before it gets removed from the grid? I can achieve it through CSS but not sure how to assign a CSS class to that row just for a moment.

[Stefan]

The row is removed from the DOM by React. Currently, the event that will be fired just before the element is removed is done almost simultaneously, so the row will be removed before the change in the color has a chance to be painted on the screen.

This could be possible in the future if React provides an API that can be used at that moment.

[Janki]

Thank you for your quick and helpful response, Stefan! That makes sense to me. I appreciate it!