[jQueryUI] Slider with multiple handlers bug

[alexo]

The bug affects both, 1.0 & 1.5b versions. This bug can be reproduced even on the demo example. This is the reproduction path:

• using multiple handles, with range slider, drag both sliders to the right edge. At this point, the handles are blocked and cannot be moved. The workaround would be to change the focus to the min handler, when both handlers are at the right edge.

Thank you! Alex.

[paul]

Actually, there is no good fix for this. It's related to the zIndex of the handlers. For example, it won't happen if you move both to the left. If I would 'fix' this issue, it would produce other strange issues.

However, there is an easy workaround:

in the update callback, try the following (provided your maxValue is 200):

if(ui.value = 200) $('.ui-slider-handle', this).css('zIndex', 2) else $('.ui-slider-handle', this).css('zIndex', 1)

It's untested, but this should set the zIndex of the first handle one up if it's on the right edge, and one down again if not. Try it.

[alexo]

I think that a workaround can be found. The first thing is on my mind is, for instance, if handlers would not overlap at all. Any thoughts?

[alexo]

YUI guys have made a nice slider which avoids this bug. A working demo can be found here:  http://developer.yahoo.com/yui/examples/slider/slider_dual_with_highlight.html.

[alexo]

I also have a request and a question.

Request: If range is true, I should be able to get the current handle values as easy as possible. I thought about something like this:

change: function(e, ui) {
  var arr = ui.instance.getHandleValues();
  console.log("Handle values are:" + arr[0] + ", " + arr[1]); 
}

Question In the following code:

$.extend($.ui.slider.prototype, {
  plugins: {},
  /*..etc..*/
});

What is the purpose of the plugins property?

Thank you! Alex Objelean

[joern]

@alexo: Your request should be its own ticket. The plugins-property seems to be a placeholder, it doesn't have any purpose yet.

[joern]

Fixed in [5060]. Range handles can't overlap anymore (like the YUI ones), the first handle is always smaller then the second.

[xmuskrat]

 http://dev.jquery.com/ticket/1917#comment:3 has a patch for this that looks much better then the "now it slightly overlaps" fix.