Slider: Proper animation of range

Fixes #9459
Closes gh-1530

(cherry picked from commit bf03479cc14aa54c2e674cad87bf75c8126cb86f)

diff --git a/ui/slider.js b/ui/slider.js
index e15b4984ed78c13af97855ab429b8ee3bdc38f7e..24ab6e1672afb8f66bfddaaa5f5a3d80db5f8547 100644 (file)
--- a/ui/slider.js
+++ b/ui/slider.js
@@ -625,13 +625,13 @@ return $.widget( "ui.slider", $.ui.mouse, {
                                this.range.stop( 1, 1 )[ animate ? "animate" : "css" ]( { width: valPercent + "%" }, o.animate );
                        }
                        if ( oRange === "max" && this.orientation === "horizontal" ) {
-                               this.range[ animate ? "animate" : "css" ]( { width: ( 100 - valPercent ) + "%" }, { queue: false, duration: o.animate } );
+                               this.range.stop( 1, 1 )[ animate ? "animate" : "css" ]( { width: ( 100 - valPercent ) + "%" }, o.animate );
                        }
                        if ( oRange === "min" && this.orientation === "vertical" ) {
                                this.range.stop( 1, 1 )[ animate ? "animate" : "css" ]( { height: valPercent + "%" }, o.animate );
                        }
                        if ( oRange === "max" && this.orientation === "vertical" ) {
-                               this.range[ animate ? "animate" : "css" ]( { height: ( 100 - valPercent ) + "%" }, { queue: false, duration: o.animate } );
+                               this.range.stop( 1, 1 )[ animate ? "animate" : "css" ]( { height: ( 100 - valPercent ) + "%" }, o.animate );
                        }
                }
        },