save initial ranges after insideticklabel is done

Author: archmoj

src/components/modebar/buttons.js

@@ -249,6 +249,10 @@ function handleCartesian(gd, ev) {
     var astr = button.getAttribute('data-attr');
     var val = button.getAttribute('data-val') || true;
     var fullLayout = gd._fullLayout;
+    if(val === 'auto') {
+        fullLayout._insideTickLabelsAutorangeDone = undefined;
+    }
+
     var aobj = {};
     var axList = axisIds.list(gd, null, true);
     var allSpikesEnabled = fullLayout._cartesianSpikesEnabled;

src/plot_api/plot_api.js

@@ -382,9 +382,16 @@ function plot(gd, data, layout, config) {
         // component drawing - see https://github.com/plotly/plotly.js/issues/2704
         Plots.doAutoMargin,
         insideTickLabelsAutorange,
+        saveRangeInitialForInsideTickLabels,
         Plots.previousPromises
     );
 
+    function saveRangeInitialForInsideTickLabels(gd) {
+        if(gd._fullLayout._insideTickLabelsAutorangeDone) {
+            if(graphWasEmpty) Axes.saveRangeInitial(gd, true);
+        }
+    }
+
     // even if everything we did was synchronous, return a promise
     // so that the caller doesn't care which route we took
     var plotDone = Lib.syncOrAsync(seq, gd);
@@ -399,6 +406,8 @@ function plot(gd, data, layout, config) {
 function insideTickLabelsAutorange(gd) {
     var obj = gd._fullLayout._insideTickLabelsAutorange;
     if(!obj) return;
+
+
     gd._fullLayout._insideTickLabelsAutorangeDone = true;
     return relayout(gd, obj);
 }