[Solved] range slider inside of grid column header doesn't work when grouping is enabled

[Jonathan]

Preface: We are using Kendo in Angular.

We have placed a range slider inside of a grid's column header.  The problem is that with grouping on, the slider does not slide when using Firefox and Chrome.  It does however work as before in IE 11.  

We did this by using a header template as so:
'<div class="slider-min">' + minText + '</div>' +
'<div class="slider" kendo-range-slider id="range-slider-' + id + '" k-options="slider' + id + 'Options" k-on-change="updateRange(kendoEvent, ' + id + ')" k-on-slide="updateRange(kendoEvent, ' + id + ')">' +
'<input/>' +
'<input/>' +
'</div>' +
'<div class="slider-max">' + maxText + '</div>'

I think that the problem is that when grouping is enabled, the column headers get a drag event that prevents said event from bubbling down to the drag handle. This is true even if grouping for that column is set to false.

It would be nice if this behavior can be confirmed and if a fix can be made to not attach the drag listener when groupable is false for a column.

[Alex Gyoshev]

Hello Jonathan,

Thank you for reporting this. it has been logged for fixing in one of the upcoming internal builds.

Regards,
Alex Gyoshev
Telerik