aboutsummaryrefslogtreecommitdiffstats
path: root/tests/visual
diff options
context:
space:
mode:
authorAblay Keldibek <atomio.ak@gmail.com>2015-03-16 15:10:23 +0600
committerScott González <scott.gonzalez@gmail.com>2015-03-18 10:49:01 -0400
commitdff1c74dd4c0fd6b951c7c183bebae09f9f229f6 (patch)
treec869ec09650bb29774438734b493e68f6071ccd4 /tests/visual
parent868e8c70e391b5ba886edc93fdec28086a6a3fca (diff)
downloadjquery-ui-dff1c74dd4c0fd6b951c7c183bebae09f9f229f6.tar.gz
jquery-ui-dff1c74dd4c0fd6b951c7c183bebae09f9f229f6.zip
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
Diffstat (limited to 'tests/visual')
-rw-r--r--tests/visual/slider/range_slider.html47
1 files changed, 47 insertions, 0 deletions
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 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+ <meta charset="UTF-8">
+ <title>jQuery UI Slider - Range slider</title>
+ <link rel="stylesheet" href="../../../themes/base/all.css">
+ <style>
+ #wrapper {
+ font-family: Arial;
+ width: 500px;
+ margin: 20px auto;
+ }
+ </style>
+ <script src="../../../external/jquery/jquery.js"></script>
+ <script src="../../../ui/core.js"></script>
+ <script src="../../../ui/widget.js"></script>
+ <script src="../../../ui/mouse.js"></script>
+ <script src="../../../ui/slider.js"></script>
+</head>
+<body>
+<div id="wrapper">
+ <h1>Range Slider</h1>
+ <h3>When set both values of range slider to the maximum, slider should not lock</h3>
+ <div id="slider"></div>
+ <br>
+ <button id="set-max-values">set values to max</button>
+ <button id="set-min-values">set values to min</button>
+</div>
+
+<script>
+ var el = $( "#slider" ).slider({
+ range: true,
+ min: 0,
+ max: 100,
+ values: [ 0, 50 ]
+ });
+
+ $( "#set-max-values" ).on( "click", function() {
+ el.slider( "option", { values: [ 100, 100 ] } );
+ });
+
+ $( "#set-min-values" ).on( "click", function() {
+ el.slider( "option", { values: [ 0, 0 ] } );
+ });
+</script>
+</body>
+</html>