Hi Team,
I'd like to request the functionality to set the scrollbars of the Kendo UI Components to a smaller size instead of the default larger scrollbars. For example, something similar to jquery.nanoscrollbars.js.
I do understand CSS doesn't currently support styling scrollbars:
https://drafts.csswg.org/css-scrollbars-1/#intro
It can be done using the ::-webkit vendor prefix, which works for some browsers but not IE or Edge.
The CSS working group say that : Note: Exposing the scrollbar-related ::-webkit- prefixed pseudo-elements to the Web is considered a mistake by both the CSS Working Group and Webkit.
At the moment, the only recommended way is to use javascript to "polyfil". Nanoscroller is one such example. http://jscrollpane.kelvinluck.com/ is another example.
The controls just need a kendo's own polyfill, not to implement nanoscroller or jscrollpane, but for kendo to do it by itself out of the box.
Small controls with big scrollbars looks ugly.
Thank you!