correct transition of text inside pathbar namely when side is bottom

Author: archmoj

Diff for: src/traces/treemap/draw_ancestors.js

@@ -68,8 +68,8 @@ module.exports = function drawAncestors(gd, cd, entry, slices, opts) {
 
         pt.x0 = eachWidth * level;
         pt.x1 = width;
-        pt.y0 = 0;
-        pt.y1 = height;
+        pt.y0 = barDifY + 0;
+        pt.y1 = barDifY + height;
 
         pt._redirect = entry.data.id;
 
@@ -153,8 +153,8 @@ module.exports = function drawAncestors(gd, cd, entry, slices, opts) {
         pt.transform = toMoveInsideSlice(
             pt.x0,
             Math.min(pt.x0 + eachWidth, pt.x1),
-            pt.y0 + barDifY,
-            pt.y1 + barDifY,
+            pt.y0,
+            pt.y1,
             pt.textBB,
             {
                 isMenu: true

Diff for: src/traces/treemap/plot.js

@@ -86,6 +86,7 @@ function plotOne(gd, cd, element, transitionOpts) {
             prevLookdown[helpers.getPtId(pt)];
     };
 
+    var barDifY;
     var getOrigin = function(pt, upDown, refRect, size) {
         var clicked = trace._clickedInfo;
         if(!clicked) {
@@ -99,8 +100,8 @@ function plotOne(gd, cd, element, transitionOpts) {
         if(upDown) {
             x0 = width; // always slide pathbar to the right, unless it is the root node
             x1 = width;
-            y0 = 0;
-            y1 = height;
+            y0 = barDifY + 0;
+            y1 = barDifY + height;
         } else {
             var ref = clicked.zoomOut ? refRect : prevLookdown[clicked.id] || prevLookup[clicked.id];
 
@@ -157,6 +158,7 @@ function plotOne(gd, cd, element, transitionOpts) {
             vph -= (barH + barPad);
         }
     }
+    barDifY = barTop ? -(barH + barPad) : vph + barPad;
 
     var domainMidX = (domain.x[1] + domain.x[0]) / 2;
     var domainMidY = (domain.y[1] + domain.y[0]) / 2;
@@ -170,8 +172,7 @@ function plotOne(gd, cd, element, transitionOpts) {
     var viewMapX = function(x) { return cenX + x; };
     var viewMapY = function(y) { return cenY + y; };
 
-    var barDifY = barTop ? -(barH + barPad) : vph + barPad;
-    var barY0 = viewMapY(0) + barDifY;
+    var barY0 = viewMapY(0);
     var barX0 = viewMapX(0);
 
     var viewDirX = function(x) { return barX0 + x; };