Reorder axes with dependency tickmode sync

Author: filipesantiagoAM

src/plots/cartesian/axes.js

@@ -2303,6 +2303,18 @@ axes.draw = function(gd, arg, opts) {
         return ax.overlaying;
     });
 
+    // order axes that have dependency to other axes
+    axList.map(function(axId) {
+        var ax = axes.getFromId(gd, axId);
+        
+        if(ax.tickmode === 'sync' && ax.overlaying) {
+            var overlayingIndex = axList.findIndex(function(axis) {return axis === ax.overlaying;});
+            
+            if(overlayingIndex >= 0) {
+                axList.unshift(axList.splice(overlayingIndex, 1).shift());
+            }
+        }
+    });
 
     var axShifts = {'false': {'left': 0, 'right': 0}};