Rangeslider allow zoom on oppaxis

src/components/rangeslider/attributes.js

@@ -89,5 +89,17 @@ module.exports = {
             'If visible, perpendicular axes will be set to `fixedrange`'
         ].join(' ')
     },
+    perpendicularaxesinitialrange: {
+        valType: 'boolean',
+        dflt: true,
+        role: 'style',
+        editType: 'calc',
+        description: [
+            'Determine whether the perpendicular axes in the rangeslider',
+            'use (or not) their initial range when they are zoomed in the plot',
+            'To allow zoom one (or more) perpendicular axe(s) while the rangeslider is visible',
+            'you must set the attributes `fixedrange` to *true* on said axe(s).'
+        ].join(' ')
+    },
     editType: 'calc'
 };

src/components/rangeslider/defaults.js

@@ -37,6 +37,7 @@ module.exports = function handleDefaults(layoutIn, layoutOut, axName) {
 
     coerce('autorange', !axOut.isValidRange(containerIn.range));
     coerce('range');
+    coerce('perpendicularaxesinitialrange');
 
     // to map back range slider (auto) range
     containerOut._input = containerIn;

src/components/rangeslider/draw.js

@@ -136,9 +136,9 @@ module.exports = function(gd) {
 
         opts._rl = [range0, range1];
 
-        if(oppAxisOpts.fixedrange === false) {
-            var range0OppAxis = oppAxisOpts.r2l(oppAxisOpts._rangeBeforeZoom[0]),
-                range1OppAxis = oppAxisOpts.r2l(oppAxisOpts._rangeBeforeZoom[1]),
+        if(axisOpts.rangeslider.perpendicularaxesinitialrange && oppAxisOpts.fixedrange === false) {
+            var range0OppAxis = oppAxisOpts.r2l(oppAxisOpts._rangesliderInitialRange[0]),
+                range1OppAxis = oppAxisOpts.r2l(oppAxisOpts._rangesliderInitialRange[1]),
                 distOppAxis = range1OppAxis - range0OppAxis;
 
             opts.d2pOppAxis = function(v) {
@@ -305,7 +305,7 @@ function setPixelRange(rangeSlider, gd, axisOpts, opts, oppAxisOpts) {
         .attr('x', pixelMax)
         .attr('width', opts._width - pixelMax);
 
-    if(oppAxisOpts.fixedrange === false) {
+    if(axisOpts.rangeslider.perpendicularaxesinitialrange && oppAxisOpts.fixedrange === false) {
         var pixelMinOppAxis = opts._height - clampOppAxis(opts.d2pOppAxis(oppAxisOpts._rl[1])),
             pixelMaxOppAxis = opts._height - clampOppAxis(opts.d2pOppAxis(oppAxisOpts._rl[0]));
 
@@ -428,7 +428,7 @@ function drawRangePlot(rangeSlider, gd, axisOpts, opts) {
         mockFigure.layout[oppAxisName] = {
             type: oppAxisOpts.type,
             domain: [0, 1],
-            range: oppAxisOpts._rangeBeforeZoom ? oppAxisOpts._rangeBeforeZoom.slice() : oppAxisOpts.range.slice(),
+            range: axisOpts.rangeslider.perpendicularaxesinitialrange ? oppAxisOpts._rangesliderInitialRange.slice() : oppAxisOpts.range.slice(),
             calendar: oppAxisOpts.calendar
         };
 
@@ -495,7 +495,7 @@ function drawMasks(rangeSlider, gd, axisOpts, opts, oppAxisOpts) {
         .call(Color.fill, constants.maskColor);
 
     // masks used for oppAxis zoom
-    if(oppAxisOpts.fixedrange === false) {
+    if(axisOpts.rangeslider.perpendicularaxesinitialrange && oppAxisOpts.fixedrange === false) {
         var maskMinOppAxis = rangeSlider.selectAll('rect.' + constants.maskMinOppAxisClassName)
             .data([0]);
 

src/plots/cartesian/axes.js

@@ -391,7 +391,7 @@ axes.saveRangeInitial = function(gd, overwrite) {
         }
         // store the initial range for the rangeslider if we zoom on oppaxis
         if((isNew && ax.fixedrange === false) || (overwrite && hasChanged)) {
-            ax._rangeBeforeZoom = ax.range.slice();
+            ax._rangesliderInitialRange = ax.range.slice();
         }
     }