Redraw if needed based on shift param

Author: hannahker

src/plots/plots.js

@@ -1955,6 +1955,21 @@ plots.autoMargin = function(gd, id, o) {
     }
 };
 
+plots.redrawWithShift = function(gd) {
+    if('_redrawFromAutoMarginCount' in gd._fullLayout) {
+        return false
+    }
+    var axList = axisIDs.list(gd, '', true)
+    var isShift = false;
+    for(var ax in axList) {
+        if(isShift === true){
+            return isShift;
+        }
+        isShift = axList[ax].shift
+    }
+    return isShift
+}
+
 plots.doAutoMargin = function(gd) {
     var fullLayout = gd._fullLayout;
     var width = fullLayout.width;
@@ -2073,7 +2088,7 @@ plots.doAutoMargin = function(gd) {
     gs.h = Math.round(height) - gs.t - gs.b;
 
     // if things changed and we're not already redrawing, trigger a redraw
-    if(!fullLayout._replotting && plots.didMarginChange(oldMargins, gs)) {
+    if(!fullLayout._replotting && (plots.didMarginChange(oldMargins, gs) || plots.redrawWithShift(gd))) {
         if('_redrawFromAutoMarginCount' in fullLayout) {
             fullLayout._redrawFromAutoMarginCount++;
         } else {

test/image/mocks/zz-mult-yaxes-redraw.json

@@ -0,0 +1,96 @@
+{
+    "data": [
+        {
+            "x": [
+                1,
+                2,
+                3
+            ],
+            "y": [
+                4,
+                5,
+                6
+            ],
+            "name": "yaxis1 data",
+            "type": "scatter"
+        },
+        {
+            "x": [
+                2,
+                3,
+                4
+            ],
+            "y": [
+                4,
+                5,
+                6
+            ],
+            "name": "yaxis2 data",
+            "yaxis": "y2",
+            "type": "scatter"
+        },
+        {
+            "x": [
+                3,
+                4,
+                5
+            ],
+            "y": [
+                4,
+                5,
+                6
+            ],
+            "name": "yaxis3 data",
+            "yaxis": "y3",
+            "type": "scatter"
+        },
+        {
+            "x": [
+                4,
+                5,
+                6
+            ],
+            "y": [
+                1,
+                2,
+                3
+            ],
+            "name": "yaxis4 data",
+            "yaxis": "y4",
+            "type": "scatter"
+        }
+    ],
+    "layout": {
+        "title": {
+            "text": "multiple y-axes example"
+        },
+        "xaxis": {"domain": [0.25, 0.75]},
+        "width": 800,      
+        "yaxis": {
+            "showline": true, 
+            "title": {"text": "axis 1"}
+        },
+        "yaxis2": {
+            "overlaying": "y",
+            "showline": true,
+            "side": "right",
+            "title": {"text": "axis 2"}
+        },
+        "yaxis3": {
+            "anchor": "free",
+            "overlaying": "y",
+            "showline": true,
+            "shift": true,
+            "side": "right",
+            "title": {"text": "axis 3"}
+        },
+        "yaxis4": {
+            "anchor": "free",
+            "overlaying": "y",
+            "showline": true,
+            "shift": true,
+            "side": "left",
+            "title": {"text": "axis 4"}
+        }
+    }
+}