NumberRangeFilter dragend

[Peetzer]

I have a simple NumberRangeFilter control on my dashboard. When I drag the thumb all works normally but when I release the mouse, it looks like the 'dragend' is not called.

The slider follows the mouse after release and even clicking on the div doesn't release the thumb.

I don't know how the slider exactly works, looking at http://closure-library.googlecode.com/svn/docs/closure_goog_ui_sliderbase.js.source.html

Dragging will be prevented by removing the child div's 'dragging' class properties.

Inspecting my control (control1) div, I have;

<DIV style="POSITION: relative" id=control1_33 name="control1"><DIV class=google-visualization-controls-rangefilter><LABEL class=google-visualization-controls-label>Bereik:</LABEL>

<DIV class=goog-inline-block>

<DIV class=goog-inline-block><SPAN class=google-visualization-controls-rangefilter-thumblabel>161</SPAN>

<DIV class="google-visualization-controls-slider-horizontal goog-slider-dragging" role=slider tabIndex=0 aria-valuenow=161 aria-valuemax=816 aria-valuemin=0 closure_uid_ujhn3i="9">

<DIV style="WIDTH: 146px; LEFT: 36px" class=google-visualization-controls-slider-handle role=button></DIV>

<DIV style="LEFT: 36px" class="google-visualization-controls-slider-thumb goog-slider-thumb-dragging" role=button closure_uid_ujhn3i="7"></DIV>

<DIV style="LEFT: 182px" class=google-visualization-controls-slider-thumb role=button closure_uid_ujhn3i="8"></DIV></DIV><SPAN class=google-visualization-controls-rangefilter-thumblabel>816</SPAN></DIV></DIV></DIV></DIV>

I'm running IE 8 in emulated IE7 mode.

Can anybody suggest where to look, I'm really stuck?

Kind regards,

Peter

[Peetzer]

Solved sticky thumb slider;

controlWrapper (NumberRangeFilter control)

google.visualization.events.addListener(controlWrapper, "statechange", function() {

//var controlState = controlWrapper.getState();

controlWrapper.draw();

});

Op woensdag 20 juni 2012 12:47:39 UTC+2 schreef Peetzer het volgende: