[Bug][Grid] A little jumping observed while scrolling grid containing cells with multiple lines #3019
Description
Description
A little jumping observed while scrolling grid containing cells with multiple lines. The issue is related to the height of the rows which becomes bigger when cell content is wrapped inside multiple lines.
Possible workaround:
Avoid the mulptiple line cells by controlling the overflow of all cells like follows:
cells={{
data: (props) => (
<td {...props.tdProps}>
<div
style={{
whiteSpace: 'nowrap',
overflow: 'hidden',
textOverflow: 'ellipsis',
}}
>
{props.children}
</div>
</td>
),
}}Steps To Reproduce
- Go to https://stackblitz.com/edit/react-og7pjrhw-wckd97fp?file=app%2Fapp.tsx
- Start scrolling the Grid with a medium speed and observe the small jumping occurring when the new part of the data is loaded.
Screenshots or video
No response
Actual Behavior
The virtual scrollbar is jumping from time to time.
Expected Behavior
The scrollbar must not jump.
Browser
Chrome
Browser version
latest
OS type
MacOS
OS version
No response
Last working version of the KendoReact package (if regression).
No response