On an OSX system where there are no mouse connected and only a trackpad is used, scrolling horizontally on a grid with many columns has a rubber banding effect on the content section of the grid.
In Chrome it looks like the column header and the content body is out of sync. On Safari only the content body is affected by the rubber banding effect. Have not tested it in Firefox.
An example can be seen here: http://dojo.telerik.com/azErU/2
Remember that this only happens in OSX when scrolling is taken over by the trackpad. Not sure if this is an issue that Telerik will decide to fix or not, but at least I'll bring it up as it seems to be caused by some overflow CSS.
2 Answers, 1 is accepted
If I understand correctly, the "rubber banding" effect is the quick movement of the content table beyond the maximum scroll position, during which an empty space on the side of the table appears. This is caused by the scrolling inertia and shows the user that this is the end of the table. It is true that during this effect, the content table and the header table appear misaligned for a very short time.
The discussed effect appears, depending on the operating system and Kendo UI has no control over it. The header area does not move in the same fashion, because the header cells are scrolled programmatically and there is no inertia there.
I am not aware of a way to avoid this behavior when horizontal Grid scrolling is used.
Regards,
Dimo
Telerik by Progress
Rank 1
Your understanding is exactly correct.
I've spent quite a bit of time trying to manipulate to see if it can be fixed with CSS but couldn't come up with anything. Thank you for your response and it may seem like it's something that is out of Kendo's control.