From f2e8471f35838c236506f96f0578281bd44e598b Mon Sep 17 00:00:00 2001 From: Ablay Keldibek Date: Mon, 16 Mar 2015 15:10:23 +0600 Subject: [PATCH] Slider: Fix handle order when setting values of range slider to max When both values are set to the maximum change them in descending order Fixes #9046 Closes gh-1502 (cherry picked from commit dff1c74dd4c0fd6b951c7c183bebae09f9f229f6) --- tests/unit/slider/slider_events.js | 18 +++++++++- tests/visual/slider/range_slider.html | 47 +++++++++++++++++++++++++++ ui/slider.js | 4 ++- 3 files changed, 67 insertions(+), 2 deletions(-) create mode 100644 tests/visual/slider/range_slider.html diff --git a/tests/unit/slider/slider_events.js b/tests/unit/slider/slider_events.js index ec93a0565..6de3a65cd 100644 --- a/tests/unit/slider/slider_events.js +++ b/tests/unit/slider/slider_events.js @@ -99,7 +99,7 @@ test( "programmatic event triggers", function() { }); test( "mouse based interaction part two: when handles overlap", function() { - expect( 4 ); + expect( 6 ); var element = $( "#slider1" ) .slider({ @@ -147,6 +147,22 @@ test( "mouse based interaction part two: when handles overlap", function() { }); handles.eq( 0 ).simulate( "drag", { dx: 10 } ); + element = $( "#slider1" ) + .slider({ + range: true, + min: 0, + max: 100, + values: [ 0, 50 ] + }), + handles = element.find( ".ui-slider-handle" ); + + element.slider( "option", { values: [ 100, 100 ] } ); + handles.eq( 0 ).simulate( "drag", { dx: -10 } ); + equal( element.slider( "values" )[ 0 ], 99, "setting both values of range slider to the maximum doesn't lock slider" ); + + element.slider( "option", { values: [ 0, 0 ] } ); + handles.eq( 1 ).simulate( "drag", { dx: 10 } ); + equal( element.slider( "values" )[ 1 ], 1, "setting both values of range slider to the minimum doesn't lock slider" ); }); })( jQuery ); diff --git a/tests/visual/slider/range_slider.html b/tests/visual/slider/range_slider.html new file mode 100644 index 000000000..2b041f377 --- /dev/null +++ b/tests/visual/slider/range_slider.html @@ -0,0 +1,47 @@ + + + + + jQuery UI Slider - Range slider + + + + + + + + + +

Range Slider

When set both values of range slider to the maximum, slider should not lock

+
+ + +

+ + + + diff --git a/ui/slider.js b/ui/slider.js index 65204ca91..e15b4984e 100644 --- a/ui/slider.js +++ b/ui/slider.js @@ -468,7 +468,9 @@ return $.widget( "ui.slider", $.ui.mouse, { case "values": this._animateOff = true; this._refreshValue(); - for ( i = 0; i < valsLength; i += 1 ) { + + // Start from the last handle to prevent unreachable handles (#9046) + for ( i = valsLength - 1; i >= 0; i-- ) { this._change( null, i ); } this._animateOff = false; -- 2.39.5