I agree that the solution seems complicated for a simple issue, and there might is a better way to achieve the desired behavior, but it will still have to involve getting the initial width of the element, after width: 'auto' has been applied, and then adding the width of the scrollbar to the initial one.
It would have been nice to have the discussed behavior out-of-the-box, but due to limitations beyond our control, when the CSS rule "width: 'auto'" is applied, the width of the corresponding element is calculated, based on the width of its dynamic content.
In order to add the width of the scrollbar when necessary, the initial width has to be known, and it is only known after the 'auto' width is applied and the element is rendered. There is no way to apply a CSS rule like "width: 'auto' + 17px;" for example.
Let us know if you have further questions about Kendo UI.
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI