I'm currently evaluating the use of Kendo React Grid for a project where one of the requirements is the use of a grid. I've been looking at the Kendo Grid documentation for editing and I'm noticing a difference in behaviour from the example on the Kendo site vs on Stackblitz and I'm trying to understand which is the correct behaviour.
Comparing the example on this page https://www.telerik.com/kendo-react-ui/components/grid/editing/
And the example on this page https://stackblitz.com/run/?file=app%2Fmain.jsx which is accessed from the "Open in Stackblitz" link on the above page
When clicking to edit an item in either it opens up the row for editing as expected but as soon as you start to edit data in the middle of a value in the Name column, the cursor behaves differently across the 2 examples. On the Telerik page the cursor jumps to the end of the word after every change of the text whereas on the Stackblitz page, the cursor stays in place as the user enters multiple characters.
I've compared the 2 files and they look identical, I've also tried using this within an application myself and I get the same behaviour as on the Telerik site. How do I get the same behaviour as the Stackblitz example?